@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/rubik-hebrew.woff2) format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/rubik-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --c-primary:#006947; --c-primary-2:#00855B; --c-on-primary:#fff;
  --c-lime:#A0F654; --c-on-lime:#244A00;
  --c-coral:#FF5C39; --c-coral-soft:#FFDAD3; --c-on-coral-soft:#8C1800;
  --c-bg:#F2FBF5; --c-surface:#fff; --c-well:#E8F4ED; --c-mint:#DDF3E6;
  --c-text:#121E18; --c-muted:#4D5C53; --c-border:#E1EDE6; --c-line:#B5C6BC; --c-danger:#BA1A1A;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --r-sm:12px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --shadow-1:0 4px 16px -2px rgba(13,150,104,.08);
  --shadow-2:0 6px 20px -4px rgba(13,150,104,.16);
  --shadow-3:0 -8px 28px -6px rgba(18,56,38,.14);
  --t:200ms ease; --tap:44px;
  --nav-h:68px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--c-bg) linear-gradient(to bottom,#E0F7E9,rgba(224,247,233,0) 380px) no-repeat;color:var(--c-text);font-family:'Rubik',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;touch-action:manipulation}
h1,h2,h3,p{margin:0}
ul{list-style:none;margin:0;padding:0}
:focus-visible{outline:3px solid var(--c-primary-2);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---- מבנה ---- */
.app{max-width:640px;margin-inline:auto;padding:max(var(--sp-3),env(safe-area-inset-top)) var(--sp-4) calc(var(--nav-h) + 110px + env(safe-area-inset-bottom))}
.top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-block:var(--sp-2)}
.brand{display:flex;align-items:center;gap:var(--sp-3)}
.logo{width:44px;height:44px;border-radius:var(--r-sm);background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center;box-shadow:var(--shadow-2)}
.brand h1{font-size:22px;font-weight:700;letter-spacing:-.01em}
.icon-btn{width:var(--tap);height:var(--tap);border-radius:50%;border:0;background:var(--c-surface);display:grid;place-items:center;box-shadow:var(--shadow-1);color:var(--c-primary);transition:background var(--t),transform var(--t)}
.icon-btn:hover{background:var(--c-well)}
.icon-btn:active{transform:scale(.94)}
.icon-btn.plain{background:transparent;box-shadow:none}
.icon-btn.well{background:var(--c-well);box-shadow:none}
.icon-btn[disabled]{opacity:.35;cursor:default}

.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
.summary{padding:var(--sp-4);margin-top:var(--sp-2)}
.sum-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2)}
.live{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:13px;font-weight:600;color:var(--c-primary)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--c-primary-2);box-shadow:0 0 0 4px var(--c-mint)}
.pct{font-weight:700;color:var(--c-primary);font-size:14px}
.sum-main{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.sum-main b{font-size:34px;line-height:1;font-weight:700;color:var(--c-primary)}
.sum-main span{color:var(--c-muted);font-size:15px}
.progress{height:10px;border-radius:var(--r-pill);background:var(--c-well);overflow:hidden}
.progress>div{height:100%;width:0;background:linear-gradient(90deg,var(--c-primary),var(--c-primary-2));border-radius:inherit;transition:width 300ms ease}

.rail{display:flex;gap:var(--sp-2);overflow-x:auto;margin-inline:calc(var(--sp-4) * -1);padding:var(--sp-4) var(--sp-4) var(--sp-1);scrollbar-width:none;scroll-snap-type:x proximity}
.rail::-webkit-scrollbar{display:none}
.pill{flex:none;min-height:var(--tap);display:inline-flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3) 0 var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);font-weight:500;font-size:15px;box-shadow:var(--shadow-1);transition:background var(--t),color var(--t);scroll-snap-align:start}
.pill .n{min-width:24px;height:24px;border-radius:var(--r-pill);background:var(--c-well);display:grid;place-items:center;font-size:12px;font-weight:700;padding:0 6px}
.pill[aria-pressed="true"]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}
.pill[aria-pressed="true"] .n{background:var(--c-lime);color:var(--c-on-lime)}

.sugg{margin-top:var(--sp-4);background:linear-gradient(135deg,var(--c-mint),#E9F9D8);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4) var(--sp-4)}
.sugg h2{font-size:16px;font-weight:600;color:var(--c-primary);display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.sugg-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.chip{display:inline-flex;align-items:center;background:var(--c-surface);border-radius:var(--r-pill);box-shadow:var(--shadow-1);overflow:hidden}
.chip .add-s{min-height:var(--tap);padding:0 var(--sp-3) 0 var(--sp-3);border:0;background:none;display:flex;align-items:center;gap:var(--sp-2);font-weight:600;text-align:start}
.chip .add-s .plus{width:28px;height:28px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center}
.chip .add-s .plus svg{width:16px;height:16px;stroke-width:2.5}
.chip .add-s small{display:block;font-weight:400;color:var(--c-muted);font-size:12px;line-height:1.2}
.chip .x{width:var(--tap);height:var(--tap);border:0;border-inline-start:1px solid var(--c-border);background:none;display:grid;place-items:center;color:var(--c-muted)}
.chip .x:hover,.chip .add-s:hover{background:var(--c-well)}
.chip .x svg{width:16px;height:16px}

.group{margin-top:var(--sp-5)}
.gh{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.gh h2{flex:1;font-size:20px;font-weight:600;letter-spacing:-.01em}
.gh .cnt{font-size:13px;font-weight:600;color:var(--c-muted)}
.cbadge{width:40px;height:40px;border-radius:var(--r-sm);background:var(--bg);color:var(--fg);display:grid;place-items:center;flex:none}
.cbadge svg{width:22px;height:22px}
.items{display:flex;flex-direction:column;gap:var(--sp-2)}
.item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);min-height:64px;animation:in .22s ease;transition:background var(--t)}
@keyframes in{from{opacity:0;transform:translateY(-6px)}}
.item.done{background:var(--c-mint);border-color:transparent;box-shadow:none}
.chk{width:var(--tap);height:var(--tap);border:0;background:none;display:grid;place-items:center;flex:none;padding:0}
.chk i{width:34px;height:34px;border-radius:50%;background:var(--c-well);display:grid;place-items:center;color:transparent;transition:background var(--t),transform var(--t)}
.chk i svg{width:18px;height:18px;stroke-width:3}
.chk:active i{transform:scale(.88)}
.item.done .chk i{background:var(--c-primary);color:var(--c-on-primary)}
.item-main{flex:1;min-width:0;min-height:var(--tap);border:0;background:none;text-align:start;display:flex;flex-direction:column;justify-content:center;padding:0 var(--sp-1)}
.item-main .name{font-size:17px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item.done .name{color:var(--c-muted);text-decoration:line-through}
.item-main .sub{font-size:13px;color:var(--c-muted);line-height:1.3}
.stepper{display:inline-flex;align-items:center;background:var(--c-well);border-radius:var(--r-pill);padding:4px;gap:2px;flex:none}
.stepper button{width:36px;height:36px;border-radius:50%;border:0;display:grid;place-items:center;transition:transform var(--t),opacity var(--t)}
.stepper button svg{width:18px;height:18px;stroke-width:2.5}
.stepper .m{background:var(--c-surface);color:var(--c-primary)}
.stepper .p{background:var(--c-primary);color:var(--c-on-primary)}
.stepper button:active{transform:scale(.9)}
.stepper button[disabled]{opacity:.4;cursor:default}
.stepper output{min-width:28px;text-align:center;font-weight:700;font-size:16px}
.item.done .stepper{display:none}
.tag{font-size:12px;font-weight:600;border-radius:var(--r-pill);padding:2px 10px;background:var(--c-surface);color:var(--c-primary);flex:none}

.empty{text-align:center;padding:var(--sp-6) var(--sp-4)}
.empty .big{margin:0 auto var(--sp-4);width:84px;height:84px;border-radius:28px;background:var(--c-mint);color:var(--c-primary);display:grid;place-items:center}
.empty .big svg{width:40px;height:40px}
.empty h2{font-size:22px;font-weight:600;margin-bottom:var(--sp-2)}
.empty p{color:var(--c-muted)}
.empty .row{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-4);flex-wrap:wrap}
.clear{margin-top:var(--sp-5);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-2)}
.toast-act{margin-inline-start:var(--sp-3);border:0;background:none;color:var(--c-lime);font-weight:700;min-height:var(--tap);padding:0 var(--sp-2)}

/* ---- כפתורים ---- */
.btn{min-height:48px;padding:0 var(--sp-5);border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:background var(--t),transform var(--t),opacity var(--t)}
.btn:active{transform:scale(.98)}
.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary);box-shadow:var(--shadow-2)}
.btn.primary:hover{background:var(--c-primary-2)}
.btn.soft{background:var(--c-well);border-color:transparent;color:var(--c-primary)}
.btn.danger{color:var(--c-danger)}
.btn.block{width:100%}
.btn[disabled]{opacity:.45;cursor:default}

/* ---- סרגל הוספה צף + ניווט תחתון ---- */
.addwrap{position:fixed;inset-inline:0;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));padding:0 var(--sp-4);z-index:20;pointer-events:none}
.addin{position:relative;max-width:608px;margin-inline:auto;pointer-events:auto}
.addbar{display:flex;gap:var(--sp-2);align-items:center;background:var(--c-surface);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-1);padding-inline-start:var(--sp-3);box-shadow:var(--shadow-2);border:1px solid var(--c-border);transition:box-shadow var(--t),border-color var(--t)}
.addbar:focus-within{border-color:var(--c-primary-2);box-shadow:0 0 0 3px var(--c-mint),var(--shadow-2)}
.addbar .lead{color:var(--c-primary);display:grid;place-items:center}
.addbar input{flex:1;min-width:0;border:0;background:transparent;font-size:16px;min-height:48px;outline:none;padding:0 var(--sp-1)}
.addbar input::placeholder{color:var(--c-muted)}
.addbar .btn{min-height:48px;padding:0 var(--sp-5)}
.ac{position:absolute;inset-inline:0;bottom:calc(100% + 8px);background:var(--c-surface);border-radius:var(--r-md);box-shadow:var(--shadow-2);border:1px solid var(--c-border);overflow:hidden}
.ac button{width:100%;min-height:var(--tap);padding:0 var(--sp-4);border:0;background:none;text-align:start;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}
.ac button+button{border-top:1px solid var(--c-border)}
.ac button:hover,.ac button:focus-visible{background:var(--c-well)}
.ac small{color:var(--c-muted);font-size:13px}

.nav{position:fixed;inset-inline:0;bottom:0;z-index:20;background:var(--c-surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-3);padding-bottom:env(safe-area-inset-bottom)}
.nav div{max-width:640px;margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);height:var(--nav-h)}
.nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:600;color:var(--c-muted);min-height:var(--tap)}
.nav button[aria-current="page"]{color:var(--c-primary)}
.nav button span.ic{width:56px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;transition:background var(--t)}
.nav button[aria-current="page"] span.ic{background:var(--c-mint)}
.nav button:active span.ic{background:var(--c-well)}

/* ---- חלונות ---- */
dialog{border:0;padding:0;background:var(--c-surface);color:var(--c-text);border-radius:var(--r-lg) var(--r-lg) 0 0;width:min(100%,540px);max-width:100%;max-height:90dvh;margin:auto auto 0;box-shadow:var(--shadow-3);overflow:hidden}
dialog[open]{animation:sheet .24s ease}
dialog::backdrop{background:rgba(10,30,20,.4)}
@keyframes sheet{from{opacity:0;transform:translateY(28px)}}
@media(min-width:640px){dialog{margin:auto;border-radius:var(--r-lg)}}
.sheet{display:flex;flex-direction:column;max-height:90dvh}
.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-2)}
.sheet-head h2{font-size:22px;font-weight:700;letter-spacing:-.01em}
.sheet-body{overflow:auto;padding:var(--sp-2) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4);overscroll-behavior:contain;padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom))}
.field{display:flex;flex-direction:column;gap:var(--sp-2)}
.field label,.label{font-weight:600;font-size:14px;color:var(--c-muted)}
.input,select.input,textarea.input{width:100%;min-height:48px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--c-well);padding:var(--sp-2) var(--sp-4);font-size:16px}
textarea.input{min-height:96px;resize:vertical}
.input:focus{outline:none;border-color:var(--c-primary-2);background:var(--c-surface);box-shadow:0 0 0 3px var(--c-mint)}
.estep{display:flex;align-items:center;gap:var(--sp-3)}
.estep output{min-width:32px;text-align:center;font-size:22px;font-weight:700}
.hint{font-size:14px;color:var(--c-muted)}
.row-end{display:flex;gap:var(--sp-2)}
.row-end .btn{flex:1}

.mic-big{width:96px;height:96px;border-radius:50%;border:0;background:var(--c-primary);color:var(--c-on-primary);display:grid;place-items:center;margin:0 auto;box-shadow:var(--shadow-2);transition:transform var(--t)}
.mic-big svg{width:40px;height:40px}
.mic-big.live{animation:pulse 1.2s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.07);box-shadow:0 0 0 14px var(--c-mint)}}
.status{text-align:center;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.pchip{display:inline-flex;align-items:center;background:var(--c-mint);border-radius:var(--r-pill);padding-inline-start:var(--sp-3);font-weight:500}
.pchip button{width:var(--tap);height:36px;border:0;background:none;display:grid;place-items:center;color:var(--c-muted)}
.pchip svg.i{width:16px;height:16px}

.tpl{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-1)}
.tpl-info{flex:1;min-width:0}
.tpl-info b{display:block;font-weight:600}
.tpl-info span{display:block;color:var(--c-muted);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpl .btn{min-height:44px;padding:0 var(--sp-4)}
.aisle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-1) var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md)}
.aisle .n{width:22px;color:var(--c-muted);font-weight:700;font-size:14px;text-align:center}
.aisle .t{flex:1;font-weight:500}

/* ---- מצב סופר ---- */
dialog.full{width:100%;height:100dvh;max-height:none;border-radius:0;margin:0;background:var(--c-bg)}
dialog.full .sheet{height:100dvh;max-height:none}
.shop-head{background:var(--c-surface);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:var(--shadow-2);padding:max(var(--sp-3),env(safe-area-inset-top)) var(--sp-4) var(--sp-4)}
.shop-inner{max-width:608px;margin-inline:auto}
.shop-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.shop-top h2{font-size:20px;font-weight:700}
.shop-top .btn{min-height:var(--tap);padding:0 var(--sp-4)}
.shop-num{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}
.shop-num .big{font-size:48px;font-weight:700;line-height:1;color:var(--c-primary)}
.shop-num .big small{font-size:24px;color:var(--c-muted);font-weight:500}
.shop-num .lbl{color:var(--c-muted);font-size:15px;margin-inline-start:var(--sp-2)}
.limep{background:var(--c-lime);color:var(--c-on-lime);border-radius:var(--r-pill);padding:4px 14px;font-weight:700;font-size:14px;white-space:nowrap}
.route{margin-top:var(--sp-3);background:var(--c-mint);color:var(--c-primary);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-weight:600;font-size:14px;display:flex;align-items:center;gap:var(--sp-2)}
.shop-body{flex:1;overflow:auto;padding:var(--sp-2) var(--sp-4) calc(120px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin-inline:auto}
.shop-body .gh h2{font-size:21px}
.shop-body .gh p{font-size:13px;color:var(--c-muted);margin-top:-2px}
.anum{width:44px;height:44px;border-radius:var(--r-sm);background:var(--c-well);color:var(--c-muted);display:grid;place-items:center;font-weight:700;font-size:20px;flex:none}
.anum.now{background:var(--c-lime);color:var(--c-on-lime)}
.srow{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:76px;padding:var(--sp-3) var(--sp-3);text-align:start;font-size:20px;font-weight:600;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-1);transition:background var(--t),transform var(--t)}
.srow:active{transform:scale(.99)}
.srow .sbox{width:52px;height:52px;border-radius:14px;background:var(--c-well);display:grid;place-items:center;color:transparent;flex:none;transition:background var(--t)}
.srow .sbox svg{width:28px;height:28px;stroke-width:3.2}
.srow .sinfo{flex:1;min-width:0;display:flex;flex-direction:column}
.srow .sname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.srow .ssub{font-size:14px;font-weight:400;color:var(--c-muted)}
.srow.done{background:var(--c-mint);border-color:transparent;box-shadow:none}
.srow.done .sbox{background:var(--c-primary);color:var(--c-on-primary)}
.srow.done .sname{color:var(--c-muted);text-decoration:line-through}
.shop-foot{position:absolute;inset-inline:0;bottom:0;padding:var(--sp-4) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--c-bg) 60%,rgba(242,251,245,0));pointer-events:none}
.shop-foot .btn{pointer-events:auto;max-width:608px;margin-inline:auto;display:flex;min-height:60px;font-size:18px;font-weight:700}

[hidden]{display:none!important}
.top-actions{display:flex;gap:var(--sp-2)}
h3.sec{font-size:17px;font-weight:600;margin-top:var(--sp-2)}
a.btn{text-decoration:none}
a.btn.soft{color:var(--c-primary)}
.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
.share-grid .wide{grid-column:1/-1}
.checkrow{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);font-weight:500}
.checkrow input{width:24px;height:24px;accent-color:var(--c-primary);flex:none}
.bk{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-3);background:var(--c-surface);border:1px dashed var(--c-line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2) var(--sp-3) var(--sp-3)}
.bk-ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--c-mint);color:var(--c-primary);display:grid;place-items:center;flex:none}
.bk-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.bk-t b{font-size:15px;font-weight:600}
.bk-t span{font-size:13px;color:var(--c-muted)}
.bk .btn{min-height:var(--tap);padding:0 var(--sp-4)}
.search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-well);border-radius:var(--r-pill);padding:0 var(--sp-4);color:var(--c-primary)}
.search input{flex:1;min-width:0;border:0;background:transparent;min-height:48px;font-size:16px;outline:none;color:var(--c-text)}
.search input::placeholder{color:var(--c-muted)}
.gbtn{width:100%;border:0;background:none;text-align:start;padding:0;min-height:var(--tap)}
.gbtn svg.chev{color:var(--c-muted);transition:transform var(--t)}
.gbtn[aria-expanded="false"] svg.chev{transform:rotate(90deg)}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);align-items:start}
.tile{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-1);display:flex;flex-direction:column;transition:background var(--t),border-color var(--t)}
.tile.on{background:var(--c-mint);border-color:var(--c-primary-2);box-shadow:none}
.tile-main{display:flex;align-items:center;gap:var(--sp-2);min-height:56px;padding:var(--sp-2) var(--sp-3);border:0;background:none;text-align:start;width:100%;font-weight:500;font-size:16px}
.tdot{width:30px;height:30px;border-radius:50%;background:var(--c-well);color:var(--c-primary);display:grid;place-items:center;flex:none;transition:background var(--t)}
.tdot svg{width:16px;height:16px;stroke-width:2.8}
.tile.on .tdot{background:var(--c-primary);color:var(--c-on-primary)}
.tile.edit{grid-column:1/-1}
.tile.edit .tile-main{cursor:default;min-height:60px}
button.tdot{border:0;padding:0;width:44px;height:44px;cursor:pointer}
.tdot.pin.on{background:var(--c-lime);color:var(--c-on-lime)}
.tile.edit .tdot.del{background:var(--c-coral-soft);color:var(--c-danger)}
.always-tag{font-size:12px;font-weight:700;background:var(--c-lime);color:var(--c-on-lime);border-radius:var(--r-pill);padding:0 var(--sp-2);flex:none}
.pinmark{color:var(--c-primary);display:grid;flex:none}
.pinmark svg{width:14px;height:14px}
.item{touch-action:pan-y;flex-wrap:wrap}
.item.missing{border-color:var(--c-coral)}
.item.missing .sub{color:var(--c-on-coral-soft);font-weight:500}
.catpick{margin-inline-start:52px;margin-bottom:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:0;background:var(--c-lime);color:var(--c-on-lime);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:var(--sp-2);transition:transform var(--t)}
.catpick:active{transform:scale(.96)}
.catpick svg{width:18px;height:18px}
.catgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}
.catbtn{display:flex;align-items:center;gap:var(--sp-2);min-height:60px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-1);text-align:start;font-weight:500;font-size:15px;line-height:1.25;transition:background var(--t)}
.catbtn:hover,.catbtn:active{background:var(--c-well)}
.catbtn .cbadge{width:36px;height:36px}
.tname-btn{border:0;background:none;padding:0;text-align:start;font-weight:500;font-size:16px;min-height:44px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--c-line);text-underline-offset:4px}
.srow-wrap{display:flex;gap:var(--sp-2);align-items:stretch}
.srow-wrap .srow{flex:1;min-width:0}
.nf{flex:none;min-width:76px;padding:0 var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-coral-soft);color:var(--c-on-coral-soft);font-weight:600;font-size:14px;line-height:1.2;transition:transform var(--t)}
.nf:active{transform:scale(.96)}
/* מצב הכתבה במקלדת (אייפון): בלי כפתור המיקרופון הגדול, והחלון למעלה כדי שהמקלדת לא תסתיר אותו */
#voiceDlg.kb #micBig,#voiceDlg.kb #vKb{display:none}
#voiceDlg.kb{margin:max(var(--sp-3),env(safe-area-inset-top)) auto auto;border-radius:var(--r-lg);max-height:60dvh}
#voiceDlg.kb .sheet{max-height:60dvh}
#voiceDlg.kb .status{text-align:start;font-weight:500;color:var(--c-primary)}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(0,133,91,.6);background:var(--c-mint)}100%{box-shadow:0 0 0 14px rgba(0,133,91,0)}}
.item.flash{animation:flash .9s ease-out;border-color:var(--c-primary-2)}
.tname{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.tile .stepper{align-self:center;margin:0 var(--sp-3) var(--sp-2)}
.tile .stepper button{width:32px;height:32px}
.addrow{margin-bottom:var(--sp-3)}
#toast{position:fixed;inset:auto;left:50%;bottom:calc(var(--nav-h) + 92px + env(safe-area-inset-bottom));margin:0;border:0;transform:translate(-50%,8px);background:var(--c-text);color:#fff;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-weight:500;box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--t),transform var(--t);max-width:calc(100% - 32px);text-align:center}
#toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}