/* Island styles (Oct 25 speed — was inside index.html): edit HERE. Phones keep */
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f);font-size:14px;line-height:1.4}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
.negv{color:var(--bad)!important}
.mut{color:var(--muted)}
.small{font-size:12px}
.app{display:grid;grid-template-columns:224px 1fr;min-height:100vh}
.side{background:var(--side);color:var(--side-ink);padding:16px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;overflow:auto}
.logo{display:flex;align-items:center;gap:10px;padding:4px 6px 14px}
.logo .mk{width:38px;height:38px;border-radius:10px;flex:none;display:block}
.logo b{font-weight:800;letter-spacing:.06em;color:var(--lime)}
.logo b{display:block;font-size:15px;line-height:1.15}
.logo span{font-size:11px;color:var(--side-mut)}
.grp{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--side-mut);padding:12px 8px 4px}
.nav{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--side-ink);padding:9px 10px;border-radius:10px;text-align:left;font-weight:500}
.nav:hover{background:rgba(255,255,255,.08)}
.nav.on{background:var(--side-on);color:var(--side-on-ink);font-weight:700}
.nav .ic{width:20px;text-align:center}
.nav .ct{margin-left:auto;font-size:11px;font-weight:700;background:var(--accent);color:#fff;border-radius:6px;padding:1px 6px}
.side .foot{margin-top:auto;font-size:11px;color:var(--side-mut);padding:12px 8px 0}
main{min-width:0;padding:20px 24px 40px}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.top h1{font-size:22px;margin:0;font-weight:800}
.live{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:var(--accent);font-weight:600;font-size:12px;padding:5px 10px;border-radius:10px}
.live i{width:8px;height:8px;border-radius:2px;background:var(--accent);animation:bl 1s steps(2) infinite}
@keyframes bl{50%{opacity:.25}}
.sample{font-size:11px;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:4px 8px}
.top .sp{flex:1}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.cchip{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:6px 11px;font-size:13px;font-weight:500}
.cchip.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:700}
.btn .i,.lane .i{flex:none}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 13px;font-weight:600;font-size:13px;display:inline-flex;gap:6px;align-items:center}
.btn.pri{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.btn.go{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.bad{color:var(--bad)}
a.btn{text-decoration:none}
.btn:disabled{opacity:.5;cursor:default}
.boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.bc-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;box-shadow:var(--sh);text-align:left;width:100%}
button.bc-box:hover{border-color:var(--brand)}
.bc-box .l{font-size:12px;color:var(--muted);font-weight:500}
.bc-box .v{font-size:24px;font-weight:800;margin-top:2px}
.bc-box .s{font-size:12px;color:var(--muted);margin-top:2px}
.up{color:var(--good)}
.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.grid2>*,.grid3>*{min-width:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh);margin-bottom:16px;overflow:hidden}
.rcard>h3{margin:0;font-size:14px;font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rcard>h3 .sp{flex:1}
.rcard>h3 .mut{font-weight:500;font-size:12px}
.pad{padding:12px 14px}
.rpt{width:100%;border-collapse:collapse}
.rpt th{font-size:11.5px;color:var(--muted);text-align:left;font-weight:600;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);position:sticky;top:0}
.rpt td{padding:8px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.rpt td.r,.rpt th.r{text-align:right;white-space:nowrap}
.rpt tr[data-open]{cursor:pointer}
.rpt tr[data-open]:hover td{background:var(--surface-2)}
.rpt tr.tot td{font-weight:800;background:var(--surface-2);border-bottom:0}
.rpt tr.gap td{color:var(--muted);font-style:italic}
.scroll{max-height:420px;overflow:auto}
.lanes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 14px}
.lane{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);text-align:left;width:100%}
.lane .n{font-weight:700;display:flex;gap:6px;align-items:center}
.lane .st{font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px;margin-left:auto}
.st.busy{background:var(--accent-soft);color:var(--accent)}
.st.idle{background:var(--surface-2);color:var(--muted)}
.st.off{background:var(--surface-2);color:var(--muted);opacity:.7}
.st.help{background:#FBE9E7;color:var(--bad)}
.lane .amt{font-size:18px;font-weight:800;margin-top:4px}
.feed{list-style:none;margin:0;padding:0}
.feed li{display:flex;gap:10px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.feed li:hover{background:var(--surface-2)}
.feed li.new{animation:fl 1.2s ease-out}
@keyframes fl{from{background:var(--accent-soft)}to{background:transparent}}
.feed .t{width:58px;color:var(--muted);font-size:12px}
.feed .w{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed .a{font-weight:700}
.tag{font-size:11px;font-weight:700;border-radius:6px;padding:1px 6px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.tag.g{background:var(--accent-soft);color:var(--accent)}
.tag.b{background:#E6ECFA;color:var(--brand)}
.tag.r{background:#FBE9E7;color:var(--bad)}
.tag.y{background:#FDF3DC;color:var(--warn)}
:root[data-theme="dark"] .tag.b{background:#22305A}
:root[data-theme="dark"] .tag.r,:root[data-theme="dark"] .st.help{background:#4A2420}
:root[data-theme="dark"] .tag.y{background:#3E3218}
.bars{display:block;width:100%;height:auto}
.bars text{font-size:10px;fill:var(--muted);font-family:var(--f)}
.board{display:grid;grid-template-columns:repeat(5,minmax(200px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.col{background:var(--surface-2);border-radius:10px;padding:10px;min-height:120px}
.col h4{margin:0 0 8px;font-size:13px;display:flex;gap:6px}
.col h4 .tag{margin-left:auto}
.ocard{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin-bottom:8px}
.ocard:hover{border-color:var(--brand)}
.ocard .h{display:flex;gap:6px;align-items:center;font-weight:700}
.ocard .h .sp{flex:1}
.ocard .d{font-size:12px;color:var(--muted);margin-top:3px}
.ocard.new{animation:fl 2s ease-out}
.find{border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--surface);min-width:200px}
.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.label{font-size:12px;color:var(--muted);font-weight:600}
.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--surface)}
.field textarea{min-height:90px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.modal{position:fixed;inset:0;background:rgba(10,16,36,.4);z-index:50;display:flex;justify-content:flex-end}
.modal .box{background:var(--bg);width:min(520px,100%);height:100%;overflow:auto;padding:18px 18px 30px;box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.modal .box>header{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.modal .box>header h2{margin:0;font-size:18px;flex:1}
.x{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:34px;height:34px;font-size:16px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;margin-bottom:12px}
.kv span:nth-child(odd){color:var(--muted)}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 12px}
.steps .s{font-size:11.5px;border:1px solid var(--line);border-radius:8px;padding:3px 8px;color:var(--muted)}
.steps .s.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}
.steps .s.done{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.conn{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.conn:last-child{border-bottom:0}
.conn .ic{width:34px;height:34px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;flex:none}
.conn .w{flex:1;min-width:0}
.conn b{display:block}
.web{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;color:#14203F}
.web .wh{background:#193F33;color:#fff;padding:10px 14px;display:flex;gap:10px;align-items:center;font-weight:700}
.web .wh span{margin-left:auto;font-weight:500;font-size:12px;opacity:.85}
.web .heroimg{aspect-ratio:2.4/1;background:url(img/ad.webp) center 42%/cover}
.web .hero{padding:12px 14px 14px;background:#193F33;color:#fff}
.web .hero b{font-size:20px;display:block;color:#E9EC90}
.web .hero .go{display:inline-block;margin-top:8px;background:#E9EC90;color:#193F33;font-weight:800;font-size:12px;letter-spacing:.04em;border-radius:8px;padding:4px 9px}
.pics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px}
.pics button{border:0;padding:0;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--surface-2)}
.pics button:first-child{grid-column:1/-1;aspect-ratio:2.2/1}
.pics img{width:100%;height:100%;object-fit:cover;display:block}
.bigpic{width:100%;border-radius:10px;display:block}
.web .spc{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:14px}
.web .spc>div{border:1px solid #DCE1EC;border-radius:10px;padding:10px}
.web .spc s{color:#4E5770;font-size:12px}
.web .spc b{color:#17683E;font-size:16px;display:block}
.mob{display:none}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);text-decoration:none;font-weight:600;font-size:13px;line-height:1.2;min-height:84px;text-align:left}
.tile .i{color:var(--brand)}
.tile.on{border-color:var(--brand);background:var(--accent-soft)}
.tile .ct{position:absolute;top:8px;right:8px;font-size:11px;background:var(--accent);color:#fff;border-radius:6px;padding:1px 6px}
.tfoot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;color:var(--muted)}
.tfoot a{color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:5px 9px}
.nav .ic{display:grid;place-items:center}
.mob .ic{display:grid;place-items:center;height:22px}
.mob button{position:relative}
.mob .mct{position:absolute;top:2px;left:calc(50% + 8px);font-size:10px;background:var(--accent);color:#fff;border-radius:5px;padding:0 5px;line-height:15px}
.ibx{display:grid;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 170px);min-height:460px}
.ibx>.rcard{margin:0;display:flex;flex-direction:column;min-height:0}
.ibl .feed{overflow:auto;flex:1}
.ibl li{align-items:flex-start}
.ibl li.sel{background:var(--accent-soft)}
.tht{display:flex;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--bg);min-height:200px}
.msg{max-width:78%;align-self:flex-start}
.msg.me{align-self:flex-end}
.bub{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14px;white-space:pre-wrap}
.msg.me .bub{background:var(--accent-soft);border-color:transparent}
.mt{display:flex;gap:6px;align-items:center;margin-top:3px;font-size:11px;color:var(--muted)}
.msg.me .mt{justify-content:flex-end}
.rep{padding:10px 14px;border-top:1px solid var(--line)}
.modal .ibt .msgs{max-height:52vh}
@media (max-width:860px){.ibx{grid-template-columns:1fr;height:auto}}

/* calm Inbox (Joseph, Oct 19: "too busy") */
.ibsetb{width:40px;height:40px;padding:0;display:grid;place-items:center}
.ibwarn{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:#FDE2E1;color:#8A1C14;border:0;border-radius:10px;padding:9px 12px;margin:0 0 10px;font-size:13.5px;font-weight:600;cursor:pointer}
.ibwarn.ibpush{background:#E3F3E7;color:#137a3c}
.ibsum.small{display:flex;gap:14px;font-size:13.5px;margin:0 0 8px}
@media (max-width:640px){.ibchips .ibchc{display:none}.ibsum.small{margin-top:-4px}}
.ccsec button.ccrow{width:100%;background:none;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}a.ccrow{color:inherit;text-decoration:none}
/* status mark after the name */
.stb{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:1px 5px;border-radius:5px;line-height:15px;flex:none;margin-left:6px;vertical-align:2px;display:inline-block}
.stb.vip{background:#FFF1C2;color:#8A5A00}.stb.new{background:#DDF3E4;color:#137a3c}.stb.prob{background:#FDE2E1;color:#B42318;min-width:16px;text-align:center}.stb.blk{background:#E5E7EB;color:#4B5563}
.ibl .ib1 b{flex:0 1 auto}.ibl .ib1 .ibtm{margin-left:auto}
.cht .cth .stb{vertical-align:3px}
/* ✓ Done + Select (clean up) */
.ibselb{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--accent-soft);font-size:14px}
.ibck{width:22px;height:22px;border:2px solid var(--line);border-radius:6px;display:grid;place-items:center;flex:none;color:#fff}
.ibi.ibpk .ibck{background:#1FA855;border-color:#1FA855}.ibl .feed li.ibi.ibpk{background:#EAF7EE}
.cht .cth .cdone{display:inline-flex;align-items:center;gap:4px}
@media (max-width:640px){.cht .cth .cdone{padding:6px 8px}}
/* order confirmation card (chat) */
.cfc{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.cfh{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#193F33;color:#E9EC90;padding:10px 12px}.cfh img{height:44px}.cfh span{color:#E9EC90;font-size:12.5px;text-align:right;line-height:1.3}.cfh span b{color:#fff;font-size:15px}
.cfi{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;background:var(--bg)}.cfi>div{background:var(--surface);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:1px;min-width:0}.cfi .l{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.cfi b,.cfi .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cfr{display:flex;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid var(--line)}
.cfr img,.cfr .cfp{width:44px;height:44px;border-radius:10px;object-fit:contain;background:#fff;flex:none;display:grid;place-items:center;font-size:24px}
.cfr .w{flex:1;min-width:0;display:flex;flex-direction:column}.cfr .w b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.cfr .cfq{font-size:13px;color:var(--muted);white-space:nowrap}.cft{background:var(--bg)}.cft .w{font-size:14px}
.cht .cord{display:flex;gap:6px;overflow-x:auto;padding:6px 10px;scrollbar-width:none;flex:none;flex-wrap:nowrap}.cht .cord .cchip{flex:none;height:auto;min-height:0;padding:6px 10px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
.cord .cfb{border-color:#1FA855;color:#137a3c;font-weight:700}
/* automatic answers: locked banner + preview bubble */
.aulock{display:flex;gap:10px;align-items:flex-start;background:#FFF4D6;color:#5B4300;border:1px solid #F1D48A;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:13.5px}
.aupv{background:#D9FDD3;color:#111;border-radius:10px;padding:9px 11px;margin:10px 0 4px;white-space:pre-wrap;font-size:14.5px;max-width:90%}
/* receipt paper + print (Joseph, Oct 19: "cu … */
.rcpap{background:#fff;color:#111;border:1px solid var(--line);border-radius:10px;padding:16px 16px 12px;max-width:420px;margin:0 auto 12px;font-variant-numeric:tabular-nums}
.rcpap .rch{text-align:center;padding-bottom:10px;border-bottom:1px dashed #bbb;margin-bottom:8px}
.rcpap .rch img{height:28px;display:block;margin:0 auto 4px}
.rcpap .rcl{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-bottom:1px solid #eee;cursor:pointer}
.rcpap .rcl .w{flex:1;min-width:0;display:flex;flex-direction:column}
.rcpap .rcs{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px}
.rcpap .rcs:first-of-type{border-top:1px dashed #bbb;margin-top:6px;padding-top:8px}
.rcpap .rct{font-size:18px;font-weight:800;border-top:1px dashed #bbb;margin-top:4px;padding-top:8px}
.rcpap .rcf{text-align:center;border-top:1px dashed #bbb;margin-top:8px;padding-top:8px}
.rcpap .mut{color:#666}
li.buyl,.ccrow.buyl{cursor:pointer}.ccrow.buyl .num{margin-left:auto;white-space:nowrap}
#rcPrint{display:none}
@media print{body.rcprint>*:not(#rcPrint){display:none!important}body.rcprint #rcPrint{display:block!important}body.rcprint #rcPrint .rcpap{border:0;max-width:80mm;margin:0}}
/* Inbox list = WhatsApp chat list (Joseph, Oct 19: "finish … */
.ibx{height:calc(100vh - 262px);min-height:480px}
@media (max-width:860px){.ibx{height:auto;min-height:0}}
.ibl .feed li.ibi{display:flex;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.ibl .feed li.ibi .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ibl .cav.ibav{width:46px;height:46px;font-size:15px;position:relative;background:#E3ECDD;color:#193F33;display:grid;place-items:center;line-height:1}
.ibl .ibch{position:absolute;box-sizing:border-box;padding:0;font-style:normal;line-height:0;right:-4px;bottom:-4px;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;color:#fff;background:#6b7280;border:2px solid var(--surface)}
.ibl .ibch svg{width:11px;height:11px}.ibl .ibch.wa{background:#1FA855}.ibl .ibch.sms{background:#2F6FD6}.ibch.phone{background:#C2410C}.ibl .ibch.web{background:#C98A12}
.ib1,.ib2{display:flex;align-items:center;gap:8px;min-width:0}
.ib1 b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600}
.ibi.un .ib1 b{font-weight:800}
.ibtm{font-size:12px;color:var(--muted);white-space:nowrap}
.ibi.un .ibtm{color:#1FA855;font-weight:700}
.ibtm.negv{color:var(--red,#C62828);font-weight:700}
.ibp{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--muted)}
.ibi.un .ibp{color:var(--ink)}
.ibk{display:inline-block;flex:none;font-size:11px;font-weight:700;padding:1px 6px;border-radius:5px;margin-right:0;background:var(--line);color:var(--ink);vertical-align:1px}
.ibk.r{background:#FDE2E1;color:#B42318}.ibk.y{background:#FFF1C2;color:#8A5A00}.ibk.b{background:#E1ECFB;color:#1F4E9A}
.ibun{min-width:20px;height:20px;padding:0 6px;border-radius:6px;background:#1FA855;color:#fff;font-size:11.5px;font-weight:800;display:grid;place-items:center;flex:none}
.ibl .feed li.ibi.sel{background:var(--accent-soft)}
.ibl .feed li.ibi.urg .ibav{box-shadow:0 0 0 2px #E5484D}
.ibp .tk{font-weight:600;color:var(--muted)}.ibp .tk.rd{color:#34B7F1}
@media (max-width:640px){.ibl .feed li.ibi{padding:9px 12px}.ibsum{font-size:13px}}
.pkt{margin:18px 0 10px;font-size:15px;display:flex;gap:8px;align-items:center}
.pkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.pkc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.pkh{display:flex;gap:8px;align-items:center}.pkh .sp{flex:1}
.pbar{height:8px;background:var(--line);border-radius:4px;margin:10px 0 4px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--accent);border-radius:4px}
.big2{width:100%;justify-content:center;padding:14px;font-size:16px;margin-top:10px}
.pknote{margin-top:8px;background:#FDF3DC;color:#7A5212;border-radius:8px;padding:8px 10px;font-weight:600}
.pkscan{display:flex;gap:8px;margin-top:10px}.pkscan .find{flex:1;min-width:0}
.pkl{display:flex;flex-direction:column;gap:8px}
.pka{font-size:12px;font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 0}
.pkr{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.pkr .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pkr b{font-size:16px}
.pkq{flex:none;width:56px;height:56px;border-radius:10px;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:800}
.pkq small{font-size:11px;font-weight:600;color:var(--muted)}
.pkb{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.pkb .btn{padding:11px 16px;font-size:15px}
.pksub{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pkw{font-size:13px;color:var(--muted)}.pkw input{width:80px;border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:15px;margin:0 4px;background:var(--surface)}
.pkri{flex:none;width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff}.pkr.done .pkri{width:36px;height:36px}.pkr.done{opacity:.6;align-items:center;cursor:pointer}.pkr.done .pkq{width:36px;height:36px;font-size:16px}
.pkfoot{margin-top:16px;position:sticky;bottom:0}
@media (max-width:640px){.pkfoot{bottom:calc(64px + env(safe-area-inset-bottom,0px))}.pkr{padding:10px}.pkq{width:48px;height:48px}}
.pkc.fresh{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.linkb{border:0;background:none;color:var(--muted);text-decoration:underline;font-size:12px;padding:6px 0 0;align-self:flex-start}
.cam{position:relative;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:4/3}
.cam video{width:100%;height:100%;object-fit:cover;display:block}
.camf{position:absolute;left:12%;right:12%;top:32%;bottom:32%;border:3px solid #E9EC90;border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.35)}
.cammsg{margin:10px 0;padding:12px;border-radius:10px;background:var(--surface-2);font-weight:700;text-align:center;font-size:16px}
.cammsg.ok{background:var(--accent-soft);color:var(--accent)}.cammsg.bad{background:#FBE9E7;color:var(--bad)}
.van{display:inline-block;width:14px;height:10px;border-radius:3px;border:1px solid rgba(14,48,34,.35);vertical-align:0}
.web .wdel{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center;padding:0 14px 14px}
.web .wdel video{width:100%;border-radius:10px;display:block;background:#ddd}
.web .wdel b{display:block;font-size:16px;margin-bottom:4px;color:#193F33}
@media (max-width:640px){.web .wdel{grid-template-columns:1fr}}
.idl{display:flex;flex-direction:column;gap:10px}
.idc{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.idc.st-yes{border-color:var(--accent);background:var(--accent-soft)}.idc.st-no{opacity:.55}
.ops2{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.ops2 .cchip{padding:5px 10px;font-size:12.5px}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--fg);color:var(--bg);font-weight:600;padding:10px 16px;border-radius:10px;z-index:90;font-size:14px;max-width:90vw}
/* 🧾 Register (full screen) */
body.regmode .side,body.regmode .mob{display:none!important}body.regmode .app{display:block}body.regmode main{padding:0}
.rg{display:grid;grid-template-columns:minmax(320px,1fr) 1.25fr;grid-template-rows:auto 1fr;height:100vh;height:100dvh;background:var(--bg)}
.rgh{grid-column:1/-1;display:flex;align-items:center;gap:10px;background:#193F33;color:#fff;padding:8px 14px}.rgh img{width:30px;height:30px;border-radius:8px}.rgh b{color:#E9EC90;letter-spacing:.06em}.rgh .mut{color:#A8C3A0}.rgh .sp{flex:1}.rgh .btn{padding:6px 12px;color:var(--fg)}
.rgl{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--surface)}
.rgcust{display:flex;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.rglines{flex:1;overflow:auto}
.rgln{display:flex;width:100%;text-align:left;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;align-items:center}
.rgln .w{flex:1;min-width:0;display:flex;flex-direction:column}.rgln b{font-size:15px}.rgln .num{font-weight:700;font-size:15px}
.rgln.sel{background:var(--accent-soft)}.rgln.void{opacity:.5}
.rgsum{border-top:2px solid var(--line);padding:10px 14px}.rgsum .r{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;margin-bottom:3px}.rgsum .t{color:var(--fg);font-size:26px;font-weight:800;margin-top:6px}
.rgr{display:flex;flex-direction:column;gap:10px;padding:12px;min-height:0;overflow:auto}
.rgin{display:flex;gap:8px}.rgin .find{flex:1;font-size:17px;padding:12px}
.rgmsg{min-height:22px;font-weight:600;color:var(--accent)}.rgmsg.bad{color:var(--bad)}
.rgtabs{display:flex;gap:6px;flex-wrap:wrap}
.rgkeys{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rgk{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 8px;min-height:68px;display:flex;flex-direction:column;justify-content:space-between;text-align:left}.rgk b{font-size:13px;line-height:1.2}.rgk span{font-size:12px;color:var(--muted)}
.rgk:active,.rgp:active{background:var(--accent-soft)}
.rgpad{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.rgp{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:12px 0;font-size:20px;font-weight:800}
.rgact{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rgact .btn{justify-content:center;padding:11px 6px}
.rgpay{padding:18px;font-size:22px;justify-content:center;margin-top:auto}
.rgbig{font-size:40px;font-weight:800;text-align:center;margin:6px 0 14px}
.rgtend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rgtend .btn{justify-content:center;padding:14px}
.tapcard{text-align:center;padding:20px 0}.tapcard .e{font-size:64px}
.rcpt{font-family:var(--f);font-size:13px;line-height:1.45;font-variant-numeric:tabular-nums;background:#fff;color:#000;border:1px dashed var(--line);border-radius:10px;padding:12px;max-width:340px;margin:0 auto}.rcpt hr{border:0;border-top:1px dashed #999}.rcpt .rr{display:flex;justify-content:space-between;gap:8px}
@media print{body.printrc *{visibility:hidden}body.printrc #rcpt,body.printrc #rcpt *{visibility:visible}body.printrc #rcpt{position:absolute;left:0;top:0;border:0;width:80mm}}
@media (max-width:860px){.rg{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;height:auto}.rgl{max-height:46vh}.rgkeys{grid-template-columns:repeat(3,1fr)}.rgact{grid-template-columns:repeat(4,1fr)}.rgact .btn{font-size:12px}}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.seg button{border:0;background:transparent;padding:6px 11px;font-weight:600;font-size:13px;color:var(--muted)}.seg button.on{background:var(--brand);color:var(--brand-ink)}
.btn.ib{padding:7px 10px}.top h1 .bk{margin-right:8px;font-size:18px;padding:2px 10px;vertical-align:3px}
.cmpl{display:flex;flex-direction:column}
.cmph,.cmpg{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:600}
.cmph b,.cmpg b{color:var(--fg);font-size:16px}
.cmpr{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 14px}
.cmpr:hover{background:var(--surface-2)}.cmpr .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmpr .w b{font-size:14px}
.cmpr .c{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.cmpr .c b{font-size:15px}
bdi{unicode-bidi:isolate}
@media (max-width:640px){.bl{display:none}.top .chips{flex-wrap:nowrap;overflow-x:auto}.cmpr{padding:9px 12px}.rcard>h3 .seg button{padding:5px 9px}}
.otools{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.otools .find{flex:1;min-width:160px}
.otabs{display:none}
@media (max-width:640px){
 .otools{flex-wrap:nowrap}.otools .find{min-width:0}
 .otabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}
 .otabs button{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:7px 11px;font-size:13px;font-weight:600;color:var(--muted)}
 .otabs button b{color:var(--fg);margin-left:2px}.otabs button.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.otabs button.on b{color:var(--brand-ink)}
 .board{display:block;overflow:visible}.board .col{display:none;background:transparent;padding:0;min-height:0}.board .col h4{display:none}
 .board.ost-all .col[data-k=all],.board.ost-review .col[data-k=review],.board.ost-wait .col[data-k=wait],.board.ost-new .col[data-k=new],.board.ost-pick .col[data-k=pick],.board.ost-ready .col[data-k=ready],.board.ost-out .col[data-k=out],.board.ost-done .col[data-k=done]{display:block}
 .board.kb{display:flex;flex-direction:column;gap:10px}.board.kb .col{display:block;background:var(--surface-2);padding:10px}.board.kb .col h4{display:flex}
}
.ibi{align-items:flex-start!important}.ibi.urg{box-shadow:inset 3px 0 0 var(--bad)}
.ibh{display:flex;gap:6px;align-items:center;margin-bottom:2px}.ibm{display:flex;gap:4px;align-items:center;margin-top:3px;flex-wrap:wrap}
.ibm .tag,.ibh .tag{display:inline-block!important}
.ibw{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;margin-left:8px}
.ibpr{display:flex;gap:8px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);background:var(--surface-2);font-size:13px}.ibpr .sp{flex:1}
@media (max-width:640px){.ibchips{flex-wrap:nowrap;overflow-x:auto}.ibchips .cchip{flex:none}}
.lbls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.lbl{background:#fff;color:#000;border:1px dashed #aaa;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px;font-size:11px}
.lbl b{font-size:12px}.lbl .lp{font-size:20px;font-weight:800}.lbl small{font-size:9px;color:#333}
.lbl .bc{width:100%;height:30px;fill:#000;margin:3px 0}
.lbls.dl{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.lbl.big{font-size:13px;gap:3px;padding:12px}.lbl.big b{font-size:15px}.lbl .lo{font-size:26px!important}
.truck2{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid #333;border-radius:4px;padding:1px 6px;background:#eee}
.bagn{font-weight:800;font-size:14px}
.rcpt .rg2{font-weight:800;margin:6px 0 2px;letter-spacing:.06em}.rcpt .sv{color:#555;font-size:11px}.rcpt .tt{font-size:15px;margin:3px 0}
.rcpt .rsave{margin:8px 0;text-align:center;font-weight:800;border:1.5px solid #000;border-radius:6px;padding:5px}.rcpt .bc{width:70%;height:26px;fill:#000}
.web .wloc{font-size:11px;color:#17683E;font-weight:700;margin-top:3px}
.web .wfind{margin:0 14px 14px;padding:12px;border:1px solid #DCE1EC;border-radius:10px;background:#F6F8F4}.web .wfind b{display:block;margin-bottom:6px;color:#193F33}
.web .wfind input{width:100%;border:1px solid #CFD8CC;border-radius:8px;padding:9px 10px;font:inherit;background:#fff;color:#14203F}
.web .wfr{display:flex;flex-direction:column;padding:7px 2px;border-bottom:1px solid #E3E8E0;font-size:13px}.web .wfr span{color:#17683E;font-weight:600;font-size:12px}
@media print{body.printlbl *{visibility:hidden}body.printlbl #lblp,body.printlbl #lblp *{visibility:visible}body.printlbl #lblp{position:absolute;left:0;top:0;width:100%}body.printlbl .lbl{break-inside:avoid;border:1px solid #000}}
.modal .find,.modal textarea{width:100%;min-width:0;box-sizing:border-box}
.ph-only{display:none}@media (max-width:640px){.ph-only{display:inline}}
.ipic{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:10px;flex:none;vertical-align:middle}
.ipic .ie{font-size:24px;line-height:1}.ipic .ih{display:none}.ipic.md .ih,.ipic.xl .ih,.ipic.xxl .ih{display:block}.ipic .ih{position:absolute;right:2px;bottom:2px;font-size:7px;font-weight:800;background:#fff;color:#193F33;border-radius:3px;padding:0 3px;letter-spacing:.02em}
.ipic.md{width:100%;height:72px;margin-bottom:6px}.ipic.md .ie{font-size:38px}.ipic.xl{width:96px;height:96px}.ipic.xl .ie{font-size:56px}.ipic.xl .ih{font-size:10px}
.ipic.xxl{width:100%;height:130px}.ipic.xxl .ie{font-size:78px}.ipic.xxl .ih{font-size:12px}
.irow{display:flex;gap:10px;align-items:center}.rgk .ipic{width:34px;height:34px;margin-bottom:4px}.rgk .ipic .ie{font-size:20px}
.ihead{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.nut{border:2px solid var(--fg);border-radius:8px;padding:8px 10px;margin:12px 0;font-size:13px;max-width:300px}.nut .nt{font-size:18px;font-weight:900;display:block;border-bottom:6px solid var(--fg);padding-bottom:2px;margin-bottom:4px}
.nut .nr{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:2px 0}.nut .nr.big{font-size:16px;border-bottom:3px solid var(--fg)}
.rcpt b{font-weight:700}.rcpt .rg2{font-size:11px;color:#18452F}
.rcpt .rcu{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;font-size:13px;margin:2px 0 4px}.rcpt .rcu span{color:#5b6660}.rcpt .rcu b{font-weight:600;text-align:right;word-break:break-word}.rcpt .rabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:4px 0 2px}.rcpt .rab{border:1px solid #d7ddd8;border-radius:8px;padding:6px 7px;background:#F6F8F6}.rcpt .rab small{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b6660}.rcpt .rab b{display:block;font-size:15px;font-weight:800;margin-top:2px}.rcpt .rab.red b{color:#B42318}.rcpt .rab.tot{border-color:#18452F;background:#EEF4EF}.rcpt .rcu b.rcn{font-weight:800;font-size:15px}
/* 🧾 register printer (B/W, 80 mm thermal) — … */.rcpt.bw,.rcpt.bw *{color:#000!important;background:#fff!important;box-shadow:none!important}.rcpt.bw{font-size:11px;line-height:1.3;padding:6px 4px}.rcpt.bw .rclogo{width:110px;margin:0 auto 2px;filter:grayscale(1) contrast(8)}.rcpt.bw img{filter:grayscale(1) contrast(8)}.rcpt.bw>div:first-child{font-size:10.5px;line-height:1.35}.rcpt.bw .rg2{border:0;border-radius:0;padding:0;margin:7px 0 2px;letter-spacing:.14em;font-size:10px}.rcpt.bw hr{border:0;border-top:1px dashed #999;margin:6px 0}.rcpt.bw .ri{border-bottom:0;padding:2px 0 3px}.rcpt.bw .rn{font-weight:600;font-size:11px}.rcpt.bw .rm{font-size:10px;color:#333!important;margin-top:0}.rcpt.bw .rcu{grid-template-columns:auto 1fr;gap:1px 10px;font-size:11px;margin:1px 0 2px}.rcpt.bw .rcu span{font-weight:400}.rcpt.bw .rcu b{font-weight:500;text-align:right}.rcpt.bw .rcu b.rcn{font-weight:800;font-size:12.5px}.rcpt.bw .rr{font-size:11px}.rcpt.bw .tt{font-size:13.5px;margin:2px 0}.rcpt.bw .rabs{gap:4px;margin:3px 0 1px}.rcpt.bw .rab{border:1px solid #999;border-radius:5px;padding:3px 5px}.rcpt.bw .rab.tot{border-color:#000}.rcpt.bw .rab small{font-size:8.5px;letter-spacing:.02em}.rcpt.bw .rab b{font-size:12.5px;margin-top:1px}.rcpt.bw .sv{font-size:9.5px}.rcpt.bw .rsl{font-weight:600}.rcpt.bw .rsave{border:1px solid #000;font-weight:700;padding:3px;margin:6px 0}
.rpcal{display:block;border:1px solid var(--line);border-radius:10px;padding:8px}.rpch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px;text-align:center}.rpcg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.rpcw{text-align:center;font-size:11px;color:var(--muted);padding:2px 0}.rpcd{border:0!important;box-shadow:none!important;background:none;border-radius:8px;padding:6px 0;min-height:42px;min-width:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fg);font:inherit;cursor:pointer}.rpcd b{font-weight:600;font-size:14px}.rpcd small{font-size:11px;color:var(--muted);line-height:1.1;direction:rtl}.rpcd.in{background:#DCEADF}.rpcd.end{background:var(--brand,#18452F)!important;color:#fff}.rpcd.end small{color:#fff}.rpcd.td b{text-decoration:underline}.rpyt{font-style:normal;font-size:9px;line-height:1.05;color:#B42318;direction:rtl;text-align:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rpcd.end .rpyt{color:#fff}.rpcd:disabled{opacity:.35;cursor:default}
.ccform input[type=date]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none}.ccform .row2>*{min-width:0}
.rcpt .ri{padding:5px 0 6px;border-bottom:1px dotted #d7ddd8}.rcpt .ri:last-child{border-bottom:0}.rcpt .rn{display:flex;justify-content:space-between;gap:10px;font-weight:600}.rcpt .rn b{white-space:nowrap}.rcpt .rm{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:11.5px;color:#5b6660;margin-top:1px}.rcpt .rk{border:1px solid #18452F;color:#18452F;border-radius:4px;padding:0 4px;font-weight:700;font-size:10.5px}.rcpt .rsl{color:#B42318;font-weight:700}.rcpt .rg2{background:#EEF4EF;padding:3px 6px;border-radius:4px;margin:10px 0 2px}.rcpt .rsave{font-family:var(--f);background:#E3F3EA;border-color:#17683E;color:#193F33}
.aimsg{background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:12px;border-left:3px solid var(--accent)}
.ail{display:flex;gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}.ail .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ail select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface);font-weight:600;max-width:100%}
.ail .aiq{width:64px;min-width:0;text-align:center}
.cvw{background:#fff;color:#0C1610;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cvh{display:flex;align-items:center;gap:8px;background:#193F33;color:#E9EC90;padding:10px 12px;font-weight:800;letter-spacing:.05em}.cvh img{width:26px;height:26px;border-radius:7px}.cvh span{margin-left:auto;color:#fff;font-weight:600;letter-spacing:0}
.cvs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:10px}.cvs div{font-size:11px;text-align:center;padding:7px 2px;border-radius:7px;border:1px solid #DCE4DA;color:#39413B}
.cvs .d{background:#E6F2EA;color:#17683E;border-color:transparent;font-weight:700}.cvs .on{background:#193F33;color:#E9EC90;font-weight:800;border-color:#193F33}
.cvi{padding:0 10px}.cvr{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #EEF2EC}.cvr .w{flex:1;min-width:0;display:flex;flex-direction:column}.cvr.out{opacity:.5}
.cvt{padding:10px 12px}.cvt div{display:flex;justify-content:space-between;padding:2px 0}
.rules{background:var(--surface-2);border-radius:10px;padding:8px 12px;margin-bottom:12px}
.rstep{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rstep>b{margin-right:6px}.rstep .pkscan{flex-basis:100%;margin-top:0}.rstep .rgmsg{flex-basis:100%}
.rstep.ok{background:var(--accent-soft);border-color:transparent}.rstep.off{opacity:.45}
.pkr .ipic{width:40px;height:40px}
.sco{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:auto 1fr;height:100vh;height:100dvh;background:var(--bg)}
.sco.st{display:flex;flex-direction:column;background:#193F33}.scpic{flex:1;background:url(img/ad.webp) center 42%/cover}.scbot{display:flex;flex-direction:column;align-items:center;gap:16px;padding:28px 20px 36px;color:#fff;text-align:center}
.scbot img{width:64px;height:64px;border-radius:14px}.scbot h1{margin:0;color:#E9EC90;font-size:30px}.scbot .linkb{color:#5F8553}
.scbig{border:0;border-radius:14px;background:#E9EC90;color:#193F33;font-weight:800;font-size:26px;padding:20px 30px;min-width:min(460px,90vw);font-family:inherit}
.scbig.go{background:var(--brand);color:#fff;width:100%;min-width:0}.scbig:disabled{opacity:.4}
.sch{grid-column:1/-1;display:flex;align-items:center;gap:12px;background:#193F33;color:#fff;padding:10px 16px;font-size:15px}.sch img{width:34px;height:34px;border-radius:9px}.sch b{color:#E9EC90;letter-spacing:.06em}.sch .sp{flex:1}.sch .btn{color:var(--fg);font-size:16px;padding:10px 14px}
.schelp.on{background:#FDF3DC!important;border-color:#E8B04B!important}
.scl{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.scr{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg)}.scr.new{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.scr .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.scr .w b{font-size:20px}.scr .scp{font-size:24px}
.scq{display:flex;align-items:center;gap:10px}.scq button{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:22px;font-weight:800}.scq b{font-size:20px;min-width:24px;text-align:center}
.scempty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);text-align:center}.scempty b{font-size:28px;color:var(--fg)}.scempty .i{color:var(--brand)}
.scs{display:flex;flex-direction:column;gap:12px;padding:16px;border-left:1px solid var(--line)}
.scmsg{font-size:22px;font-weight:700;text-align:center;padding:16px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}.scmsg.warn{background:#FDF3DC;color:#7A5212}
.scbtn{display:flex;align-items:center;justify-content:center;gap:10px;border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;font-size:20px;font-weight:700;font-family:inherit;color:var(--fg)}
.sctot{margin-top:auto;font-size:17px}.sctot div{display:flex;justify-content:space-between;padding:3px 0}.sctot .big{font-size:30px;border-top:2px solid var(--line);margin-top:6px;padding-top:8px}
.sclk{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.sclk button{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:4px;text-align:center;font-family:inherit;color:var(--fg)}.sclk b{font-size:16px}.sclk span{color:var(--muted)}
.scpay{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scpay button{border:2px solid var(--line);background:var(--surface);border-radius:14px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:34px;font-family:inherit;color:var(--fg)}.scpay b{font-size:20px}.scpay span{font-size:13px;color:var(--muted)}.scpay button:disabled{opacity:.4}
.scthx{text-align:center;padding:30px 10px}.scthx img{width:70px;height:70px;border-radius:16px}.scthx h2{font-size:28px}
@media (max-width:860px){.sco{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}.scs{border-left:0;border-top:1px solid var(--line)}.scr .ipic.xl{width:64px;height:64px}.scr .ipic.xl .ie{font-size:38px}.scr .w b{font-size:17px}.scr .scp{font-size:19px}.scmsg{font-size:18px}.sch .btn{font-size:14px;padding:8px 10px}}
.logo .lgf{display:block;width:150px;height:auto;margin:2px auto 0}.logo .mk{display:none}.logo{flex-direction:column;align-items:center;gap:6px}
.logo .tgl{font-family:var(--fc);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--side-mut);text-transform:uppercase}
.wm{height:22px;width:auto;display:block}.rgh img.wm,.sch img.wm{height:22px}.cvh img.wm{height:18px}.web .wh img.wm{height:22px}
.scfull{width:min(260px,60vw);height:auto}.scthx .scfull{width:200px}
.rcpt .rclogo{width:150px;height:auto;margin:2px auto 4px;display:inline-block}
h1,h2,.top h1,.rcard h3,.modal .box>header h2,.lsc b,.scbot h1{font-family:var(--fs);font-weight:700;letter-spacing:0}
.grp,.tag,.bc-box .l,.ct,.mct{font-family:var(--fc);letter-spacing:.04em}.grp{font-size:13px}
.bc-box .l{font-size:14px;text-transform:uppercase}
.brf li{border-left:4px solid transparent}.brf li.brk-bad{border-left-color:#d64545}.brf li.brk-warn{border-left-color:#e0a020}.brf li.brk-good{border-left-color:#187A42}.brf li .w{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
@media (max-width:640px){[data-brq]:nth-of-type(n+4){display:none}}
.lsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:14px}
.lsc{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:inherit;cursor:pointer}
.lsc .w{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.lsn{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:22%;background:var(--bg);border:1px solid var(--line);font-weight:800}
.lsc.done .lsn{background:#187A42;border-color:#187A42;color:#fff}
.lsco{position:fixed;left:16px;bottom:190px;width:min(340px,calc(100vw - 32px));z-index:70;background:#fff;color:#14203d;border:2px solid #193F33;border-radius:10px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.lsh{display:flex;align-items:center;gap:8px;margin-bottom:6px}.lsh .sp{flex:1}
.lsp{font-size:12px;color:#373E51;margin-bottom:4px}.lst{font-size:16px;font-weight:600;line-height:1.35;margin-top:8px}.lst.ok{color:#187A42}
.lshi{outline:3px solid #f0a020!important;outline-offset:2px;animation:lsb 1s ease-in-out infinite}
@keyframes lsb{50%{outline-color:rgba(240,160,32,.25)}}
@media (max-width:640px){body.lson .rg{padding-top:112px;box-sizing:border-box}.lsco{left:8px;right:8px;top:6px;bottom:auto;width:auto;padding:8px 12px}.lsco .lsp,.lsco .pbar{display:none}.lst{font-size:14px;margin-top:6px}}
.empty{padding:24px 14px;color:var(--muted);text-align:center}
@media print{.side,.mob,.top .chips,.top .btn,.noprint{display:none!important}.app{display:block}main{padding:0}.rcard{box-shadow:none;break-inside:avoid}.scroll{max-height:none}}
/* tablet */
@media (max-width:1100px){.grid2,.grid3{grid-template-columns:1fr}}
@media (max-width:860px){.app{grid-template-columns:64px 1fr}.side{padding:12px 6px}.logo b,.logo span,.nav .tx,.grp,.side .foot{display:none}.logo{justify-content:center;padding-bottom:10px}.nav{justify-content:center;padding:10px 0}.nav .ct{display:none}}
/* phone: as compact as possible */
@media (max-width:640px){
  .app{display:block}.side{display:none}
  main{padding:12px 12px calc(76px + env(safe-area-inset-bottom,0px))}
  .top{gap:8px;margin-bottom:10px}.top h1{font-size:18px}.sample{display:none}
  .boxes{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  .bc-box{padding:9px 10px}.bc-box .v{font-size:18px}.bc-box .s{display:none}
  .rcard>h3{padding:10px 12px;font-size:13px}
  .rpt th,.rpt td{padding:7px 10px;font-size:13px}
  .rpt .dsk{display:none}
  .lanes{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}
  .lane{padding:6px 7px}.lane .n{font-size:12px;flex-wrap:wrap;gap:2px 4px}.lane .st{margin-left:0;font-size:10px}.lane .amt{font-size:13px;margin-top:2px}.lane .mut{display:none}
  .feed li{padding:7px 10px}.feed .tag{display:none}
  .board{grid-template-columns:repeat(5,82vw)}
  .row2{grid-template-columns:1fr 1fr;gap:8px}
  .modal{align-items:flex-end}.modal .box{height:auto;max-height:92vh;border-radius:10px 10px 0 0;padding:14px 14px 24px}
  .find{min-width:0;flex:1}
  .mob{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));z-index:40;gap:4px}
  .mob button{flex:1;border:0;background:transparent;border-radius:10px;padding:6px 0;font-size:10.5px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted)}
  .mob button.on{color:var(--brand);background:var(--surface-2);font-weight:700}
  .mob .ic{font-size:18px}
  .hide-ph{display:none!important}
  .web .hero .ln{display:none}
}
/* phone sideways */
@media (max-height:520px) and (orientation:landscape){.app{grid-template-columns:56px 1fr}.side{display:flex;padding:8px 4px}.mob{display:none}main{padding:10px 14px 20px}.logo b,.logo span,.nav .tx,.grp,.side .foot{display:none}.nav{justify-content:center;padding:8px 0}.nav .ct{display:none}}
@media (max-width:860px){.logo .lgf,.logo .tgl{display:none}.logo .mk{display:block}}
@media (max-height:520px) and (orientation:landscape){.logo .lgf,.logo .tgl{display:none}.logo .mk{display:block}}
.rgh img.wm,.sch img.wm,.cvh img.wm,.web .wh img.wm{width:auto;height:20px;border-radius:0}.sch img.wm{height:24px}
.scbot img.scfull{width:min(280px,62vw);height:auto;border-radius:0}.scthx img.scfull{width:200px;height:auto;border-radius:0}
@media (max-width:640px){.rgh img.wm,.sch img.wm{display:none}}

/* 🛍 online store (customers) */
.shop{min-height:100vh;background:#F2F4E1;color:#0C1610}
.shh{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;background:#193F33;padding:10px 18px}
.shh .lg{height:40px;width:auto}
.shs{flex:1;display:flex;gap:6px;max-width:640px;margin:0 auto}.shs .find{flex:1;min-width:0;height:42px;font-size:15px;border:0}
.shs .btn,.shcart{height:42px}.shcart{background:#E9EC90;color:#193F33;border:0;font-weight:800;white-space:nowrap}
.shcart.bump{animation:shb .5s}@keyframes shb{40%{transform:scale(1.15)}}
.sht{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;border-bottom:1px solid #DCE0C6;position:sticky;top:62px;z-index:19}
.sht button{border:0;background:none;font:inherit;font-weight:700;padding:8px 12px;border-radius:10px;color:#193F33;cursor:pointer;white-space:nowrap}
.sht button.on{background:#193F33;color:#E9EC90}.sht .sp{flex:1}
.shm{max-width:1180px;margin:0 auto;padding:18px 18px 60px}
.eyb{font-family:var(--fc);font-weight:700;letter-spacing:.12em;color:#F8994D;font-size:15px}
.shbig{background:#E9EC90;color:#193F33;border:0;font-weight:800;font-size:17px;padding:14px 20px}.shbig.alt{background:#F8994D;color:#3B1206}
.shh2{font-size:20px;margin:18px 0 10px;color:#193F33}
.shg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.shc{background:#fff;border:1px solid #DCE0C6;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.shp{border:0;background:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.shp b{font-size:14px;line-height:1.25}.pr{font-weight:800;color:#193F33}.pr s{color:#545749;font-weight:500}.pr.big{font-size:24px}
.btn.sm{padding:6px 10px;font-size:13px}
.shal{margin-bottom:12px}
.aisign{background:#5A1E0E;color:#E9EC90;border-radius:10px;padding:12px 18px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.aisign b{font-family:var(--fs);font-size:28px;letter-spacing:.04em}.aisign span{font-family:var(--fc);font-size:16px;letter-spacing:.06em;color:#F2F4E1}.aisign .small{margin-left:auto;opacity:.8;font-size:13px}
.walk{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;background:linear-gradient(#e9e4d8,#d9d2c3);border-radius:10px;padding:10px;user-select:none}
.bay{background:#f7f5ef;border:6px solid #8b8f99;border-radius:10px;display:flex;flex-direction:column;position:relative}
.bayn{position:absolute;top:-2px;right:8px;font-size:11px;color:#414449;font-weight:700}
.shelf{flex:1;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;padding:16px 6px 0;border-bottom:10px solid #b9bec7;min-height:128px;box-shadow:inset 0 -6px 8px -6px rgba(0,0,0,.25)}
.prod{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;font:inherit;min-width:0;flex:1}
.fac{display:flex;gap:2px;align-items:flex-end}
.pk{width:44px;height:58px;border-radius:6px 6px 3px 3px;display:grid;place-items:center;box-shadow:inset -4px 0 0 rgba(0,0,0,.06),0 2px 2px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.08)}
.pk span{font-size:28px}
.prod:hover .pk,.prod.hl .pk{outline:3px solid #F8994D;outline-offset:1px}
.prod.hl{animation:lsb 1s ease-in-out 4}
.tagp{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #cfd3da;border-radius:3px;padding:2px 6px;margin:4px 0 -9px;position:relative;z-index:1;max-width:100%;min-width:84px}
.tagp b{font-size:13px;color:#193F33}.tagp span{font-size:10px;color:#39413B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.tagp i{position:absolute;top:-9px;right:-6px;background:#F8994D;color:#3B1206;font-style:normal;font-size:9px;font-weight:800;padding:1px 4px;border-radius:3px}
.emp{flex:1}
.walkn{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.shis{text-align:center}.shis h2{margin:6px 0 2px}.shis .ops2{justify-content:center;margin:8px 0}
.shq{background:#F2F4E1;border-radius:10px;padding:12px;margin:12px 0}.shq .pkscan{justify-content:center;margin:8px 0}.shq .pkscan .find{max-width:80px;text-align:center}
.shn{text-align:left;margin-top:8px}.shn summary{cursor:pointer;font-weight:700;padding:6px 0}
.shop .chat{background:#fff;border:1px solid #DCE0C6;border-radius:10px;padding:14px;min-height:300px;max-height:58vh;overflow:auto;display:flex;flex-direction:column;gap:10px}
.cb{max-width:86%;padding:10px 12px;border-radius:10px;line-height:1.45;font-size:15px}
.cb.a{background:#F2F4E1;align-self:flex-start;border-top-left-radius:3px}.cb.u{background:#193F33;color:#fff;align-self:flex-end;border-top-right-radius:3px}
.cbl{margin:8px 0;display:flex;flex-direction:column;gap:6px}.cb .ail{background:#fff;border-radius:10px;padding:6px}
.cb .acts{margin:6px 0 0}.shsug{margin:10px 0}.shin .find{flex:1;height:46px;font-size:16px}
.shtoast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,40px);opacity:0;background:#193F33;color:#E9EC90;font-weight:700;padding:12px 18px;border-radius:10px;transition:.25s;z-index:80;pointer-events:none}
.shtoast.on{opacity:1;transform:translate(-50%,0)}
.shexit{display:block;margin:0 auto 24px;color:#39413B}
@media (max-width:640px){
 .shh{padding:8px 10px;gap:8px;flex-wrap:wrap}.shh .lg{height:28px}.shs{order:3;flex-basis:100%}.shcart{margin-left:auto}
 .sht{top:104px;padding:6px 8px;overflow-x:auto}.sht button{padding:7px 9px;font-size:14px}
 .shm{padding:12px 10px 50px}
 .shg{grid-template-columns:repeat(2,1fr);gap:8px}
 .shal{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.shal .cchip{white-space:nowrap}
 .aisign b{font-size:22px}.aisign .small{display:none}
 .shelf{min-height:118px}.pk{width:40px;height:54px}
 .shop .chat{max-height:none}
}
.walk{grid-auto-columns:minmax(0,1fr)}.bay,.shelf{min-width:0}.shelf{overflow:hidden}.prod{min-width:0;overflow:hidden}.fac{max-width:100%;overflow:hidden}.shop{overflow-x:clip;max-width:100vw}
.shelf{padding-bottom:4px}.tagp{margin:4px 0 0}.shq .pkscan .btn{min-width:44px;font-size:20px;font-weight:800}

/* Oct 18 — more of the brand colors, clean + … */
.grp,.tag,.bc-box .l,.ct,.mct,.logo .tgl{font-family:var(--f)!important;letter-spacing:.02em}
.bc-box .l{font-size:12px;font-weight:600;text-transform:none;color:var(--muted)}
.grp{font-size:11px;font-weight:700;letter-spacing:.08em}
.boxes .bc-box{border-top:4px solid #A6DCE2}
.boxes .bc-box:nth-child(4n+2){border-top-color:#F8994D}
.boxes .bc-box:nth-child(4n+3){border-top-color:#C9AED0}
.boxes .bc-box:nth-child(4n+4){border-top-color:#FFCB78}
.nav.gs .ic{color:#E9EC90}.nav.gc .ic{color:#A6DCE2}.nav.gb .ic{color:#FFCB78}
.nav.on .ic{color:inherit}
.side .grp{color:#E9EC90;opacity:.75}
.tag.b{background:#E1F2F4;color:#1D5560}
.tag.y{background:#FFEFD2;color:#8A4A00}
.tag.p{background:#F1E7F3;color:#5E3A69}
.top h1{color:#193F33}
.rcard h3{border-left:4px solid #F8994D;padding-left:10px}
.btn.go{background:#193F33;border-color:#193F33;color:#E9EC90}
.btn.pri{background:#F8994D;border-color:#F8994D;color:#3B1206;font-weight:700}
.cchip.on{background:#193F33;color:#E9EC90;border-color:#193F33}
:root[data-theme="dark"] .tag.b{background:#1E3E44;color:#BDE6EC}:root[data-theme="dark"] .tag.y{background:#4A3410;color:#FFD99A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tag.b{background:#1E3E44;color:#BDE6EC}:root:not([data-theme="light"]) .tag.y{background:#4A3410;color:#FFD99A}:root:not([data-theme="light"]) .top h1{color:var(--fg)}}
:root[data-theme="dark"] .top h1{color:var(--fg)}

.vwalk{position:relative;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:16/9;max-height:62vh;margin:0 auto}
.vwalk video{width:100%;height:100%;object-fit:cover;display:block}
.vtap{position:absolute;inset:0;cursor:crosshair}
.vhint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:rgba(25,63,51,.9);color:#E9EC90;font-weight:700;padding:10px 16px;border-radius:10px;pointer-events:none;white-space:nowrap}
.vmk{position:absolute;width:56px;height:56px;margin:-28px 0 0 -28px;border:3px solid #F8994D;border-radius:10px;box-shadow:0 0 0 3px rgba(255,255,255,.7);pointer-events:none;animation:lsb .8s ease-in-out 3}
.vrange{flex:1;accent-color:#193F33;min-width:60px}
@media (max-width:640px){.vrange{display:none}.walkn{min-width:0}.vwalk{aspect-ratio:4/3}.vhint{font-size:13px}.walkn .btn{padding:8px 10px}}
body.regmode main.shm{padding:18px 18px 60px}@media (max-width:640px){body.regmode main.shm{padding:12px 12px 50px}}

/* account, list, returns, shelf pictures */
.mine{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:6px}
.mcard{border:0;border-radius:10px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;font:inherit}
.mcard b{font-family:var(--fs);font-size:19px}.mcard span:last-child{font-size:13px;opacity:.85}
.mcard .eyb{font-size:11px}.mcard.sh{background:#193F33;color:#F2F4E1}.mcard.sh b{color:#E9EC90}.mcard.wk{background:#E1F2F4;color:#14323A}.mcard.wk .eyb{color:#1D5560}.mcard.ls{background:#FFEFD2;color:#3B2200}.mcard.ls .eyb{color:#8A4A00}
.acch{display:flex;align-items:center;gap:12px;margin-bottom:12px}.acch h2{margin:0;color:#193F33}
.acsec{margin-bottom:14px}
.wkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.wkg .rcard{margin:0}
.shab{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#193F33;color:#F2F4E1;border-radius:10px;padding:18px 20px;margin-bottom:12px}.shab>div:first-child{flex:1;min-width:220px}.shab h2{color:#E9EC90;margin:4px 0}.shab .btn:not(.shbig){background:transparent;border:1px solid rgba(233,236,144,.6);color:#E9EC90}.shab p{margin:0;opacity:.85}
.lck{width:30px;height:30px;border:2px solid #C9CFBA;border-radius:8px;background:#fff;font-weight:800;color:#165C3A;flex:none}
.ail.ldone .w b{text-decoration:line-through;opacity:.5}.ail.ldone .lck{background:#E3F3EA;border-color:#165C3A}
.forgot{background:#FFF5E3;border:1px solid #FFCB78;border-radius:10px;padding:12px;margin:12px 0}
.rtp{cursor:pointer}.rtp input{width:20px;height:20px;accent-color:#193F33}
.vwalk.ph{aspect-ratio:16/9;background:#111}.vwalk.ph img{width:100%;height:100%;object-fit:cover;display:block}
.spot{position:absolute;border:2px solid rgba(255,255,255,.85);border-radius:10px;background:rgba(255,255,255,.06);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.spot span{position:absolute;left:6px;bottom:6px;background:#fff;color:#193F33;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px;white-space:nowrap;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;opacity:0;transition:.15s}
.spot:hover,.spot:focus{border-color:#F8994D;background:rgba(248,153,77,.12)}.spot:hover span,.spot:focus span{opacity:1}
.phn{position:absolute;right:10px;top:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}
.phdots{display:flex;gap:6px}.phdots button{width:22px;height:8px;border:0;border-radius:4px;background:#C9CFBA;cursor:pointer}.phdots button.on{background:#193F33}
@media (max-width:640px){.mine{grid-template-columns:1fr;gap:8px}.mcard{padding:12px 14px}.mcard b{font-size:16px}.wkg{grid-template-columns:1fr}.acsec{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.acsec .cchip{white-space:nowrap}.spot span{opacity:1;font-size:10px;padding:2px 5px}.vwalk.ph{aspect-ratio:4/3}.phdots button{width:12px}}
.subo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.subo button{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:12px;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit}.subo button span{font-size:12px;color:#39413B}.subo button.on{border:2px solid #193F33;background:#F2F4E1}
.subg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:6px}.subg button{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;font:inherit}.subg button b{font-size:13px;line-height:1.2}.subg button span{font-size:12px;color:#39413B}.subg button.on{border:2px solid #F8994D;background:#FFF5E3}
.linkb.subl{display:block;margin:2px 0 8px 54px;font-size:12px;color:#1D5560;text-decoration:none;font-weight:600}.shis .linkb{display:block;margin:6px auto}
.shc.nopref{opacity:.6}.npf{font-size:11px;color:#C2362B;font-weight:700}
.spref{color:#8A4A00;font-weight:700}
.mcard.yt{background:#F1E7F3;color:#3E2148}.mcard.yt .eyb{color:#5E3A69}.mcard.rw{background:#FFE3CC;color:#3B1206}.mcard.rw .eyb{color:#9A4A12}
.mine{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.cpn{border:2px dashed #F8994D;border-radius:10px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cpn.on{border-style:solid;background:#FFF5E3}
.bud{height:14px;background:#EBEED3;border-radius:7px;overflow:hidden;margin:12px 0 8px}.bud i{display:block;height:100%}
@media (max-width:640px){.subo{grid-template-columns:1fr}.mine{grid-template-columns:1fr}}
/* ⭐ Island+ */
.mpr{display:block;font-size:12px;font-weight:800;color:#9A4A12}.mpr.big{font-size:15px;margin-top:2px}
.howo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 8px}.howo button{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit}.howo button.on{border:2px solid #193F33;background:#F2F4E1}.howo span{font-size:12px;color:#39413B}.howo em{font-style:normal;font-weight:800;color:#193F33;font-size:13px}
.howo button[data-shhow=prio] b{color:#B0412A}
.memup{display:block;width:100%;border:1px dashed #F8994D;background:#FFF5E3;color:#8A4A00;font-weight:700;border-radius:10px;padding:10px;margin:6px 0;cursor:pointer;font:inherit;text-align:left}
.mcard.mb{background:linear-gradient(135deg,#F8994D,#FFCB78);color:#3B1206}.mcard.mb .eyb{color:#5A1E0E}
.mbadge{border:0;background:#F8994D;color:#3B1206;border-radius:10px;padding:6px 10px;font:inherit;font-weight:800;cursor:pointer;margin-right:10px;white-space:nowrap}.mbadge.off{background:#FFF0D6;color:#8A4A00}
.prio{background:#FDECE8;color:#9B2C1E;border-radius:8px;padding:6px 10px;margin:6px 0;font-weight:600}
.ocard.prio{border:2px solid #E5533D}
@media (max-width:640px){.howo{grid-template-columns:1fr}}
/* 🪪 staff + check-in */
.stg{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}.stg .rcard{margin:0}
.sav{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:22%;font-weight:800;font-size:12px;flex:none;vertical-align:middle}.sav.big{width:96px;height:96px;font-size:34px}
.sct td,.sct th{white-space:nowrap}.sct .today{background:#FFF5E3}.shf{display:inline-block;border-left:4px solid;padding:2px 6px;border-radius:4px;background:#fff;font-size:12px;font-weight:600}
.scroll{overflow-x:auto}
.ckin{min-height:100vh;display:grid;grid-template-columns:1fr 1.1fr;background:#F2F4E1}
.ckl{background:#193F33;color:#F2F4E1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center}.ckl img{width:min(300px,60%)}.ckl h2{color:#E9EC90;font-size:34px;margin:0}
.ckt{font-size:64px;font-weight:800;color:#E9EC90;line-height:1}.ckd{font-size:18px;opacity:.85}.ckw{font-size:15px;opacity:.85}
.ckr{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:30px;max-width:560px;margin:0 auto;width:100%;box-sizing:border-box}.ckr h2{margin:0;font-size:30px;color:#193F33;text-align:center}.ckr p{margin:0;text-align:center;color:#39413B}
.ckpin{display:flex;gap:14px;justify-content:center}.ckpin i{width:22px;height:22px;border-radius:6px;border:2px solid #193F33}.ckpin i.on{background:#193F33}
.ckmsg{text-align:center;font-weight:700;color:#165C3A;min-height:22px}
.ckpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ckpad button{height:76px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;font-size:30px;font-weight:800;color:#193F33;cursor:pointer}
.ckst{text-align:center;font-size:16px}.ckbig{display:grid;gap:12px}.ckbig .b{height:96px;border:0;border-radius:10px;font-size:28px;font-weight:800;cursor:pointer;font-family:inherit}
.ckbig .in{background:#165C3A;color:#fff}.ckbig .brk{background:#FFCB78;color:#3B2200}.ckbig .out{background:#5A1E0E;color:#fff}
@media (max-width:800px){.ckin{grid-template-columns:1fr}.ckl{padding:18px}.ckt{font-size:42px}.ckpad button{height:62px}.stg{grid-template-columns:1fr}}

/* 📢 pager + 🎵 music */
.pgw{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:12px}.pgw .rcard{margin:0}
.ptt{display:block;width:100%;margin-top:14px;height:110px;border:0;border-radius:10px;background:#193F33;color:#fff;font-size:26px;font-weight:800;cursor:pointer;font-family:inherit}.ptt.on{background:#C2362B;animation:lsb 1s infinite}
.qpg{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}.qpg button{border:1px solid #E7E9E0;background:#fff;border-radius:10px;padding:12px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer;font:inherit}.qpg .e{font-size:24px}.qpg b{font-size:14px;line-height:1.25}
.np{display:flex;align-items:center;gap:16px;border-radius:10px;padding:18px;margin-bottom:12px}.npi{font-size:40px}.np .w{flex:1;display:flex;flex-direction:column;gap:2px}.np b{font-family:var(--fs);font-size:22px;color:#193F33}
.npb{height:6px;background:rgba(25,63,51,.15);border-radius:3px;overflow:hidden;margin-top:8px}.npb i{display:block;height:100%;width:35%;background:#193F33}.npb i.run{animation:npr 30s linear infinite}@keyframes npr{from{width:0}to{width:100%}}
.npc{display:flex;gap:8px}.npc button{width:52px;height:52px;border:1px solid rgba(25,63,51,.25);background:#fff;border-radius:10px;font-size:18px;cursor:pointer}.npc button.big{width:64px;height:64px;background:#193F33;color:#fff;font-size:22px}
.vols{display:grid;gap:10px}.vols label{display:grid;grid-template-columns:150px 1fr 50px;align-items:center;gap:12px}.vols input{accent-color:#193F33}
.pls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.pls button{border:2px solid transparent;border-radius:10px;padding:14px;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer;font:inherit;color:#193F33}.pls button.on{border-color:#193F33}.pls span{font-size:13px;opacity:.8}.pls em{font-style:normal;font-weight:800;font-size:12px}
@media (max-width:860px){.pgw{grid-template-columns:1fr}}@media (max-width:640px){.qpg{grid-template-columns:1fr 1fr}.ptt{height:96px}.vols label{grid-template-columns:100px 1fr 44px}.np{flex-wrap:wrap}}

/* 🙋 staff portal (phone first) */
.me{min-height:100vh;background:#fff;max-width:560px;margin:0 auto;padding-bottom:84px}
.mel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;text-align:center}.mel img{width:200px}.mel h2{margin:0;color:#193F33}.mel .ckpad{width:100%;max-width:340px}
.meh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #E7E9E0;position:sticky;top:0;background:#fff;z-index:5}.meh .w{flex:1;display:flex;flex-direction:column}.meh .w span{font-size:12px;color:#4A514B}
.mem{padding:14px 16px}.meg{margin:4px 0 12px;color:#193F33}
.mecard{border:1px solid #E7E9E0;border-radius:10px;padding:14px;margin-bottom:12px}.mecard h3{margin:0 0 8px;font-size:16px;display:flex;justify-content:space-between;align-items:center}
.mecard.shift{background:#F5F7E3;border-color:#E3E8C2}.mest{display:flex;gap:10px;align-items:center;margin:8px 0}
.mebtn{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin:8px 0}.mebtn button{height:64px;border:0;border-radius:10px;font-size:20px;font-weight:800;cursor:pointer;font-family:inherit}.mebtn .in{background:#165C3A;color:#fff}.mebtn .brk{background:#FFCB78;color:#3B2200}.mebtn .out{background:#5A1E0E;color:#fff}
.meq{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.meq button{border:1px solid #E7E9E0;background:#fff;border-radius:10px;padding:10px 4px;font:inherit;font-size:12px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.meq span{font-size:22px}
.memsg{padding:8px 0;border-top:1px solid #F0F1EA}.memsg:first-of-type{border-top:0}
.mesd{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #F0F1EA}.mesd b{width:100px}.mesd span{flex:1}.mesd.today{background:#FFF5E3;border-radius:8px}
.men{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:#fff;border-top:1px solid #E7E9E0;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px));z-index:10}.men button{flex:1;max-width:112px;border:0;background:none;font:inherit;font-size:12px;font-weight:600;color:#4A514B;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;border-radius:10px;cursor:pointer}.men button span{font-size:20px}.men button.on{color:#193F33;background:#F5F7E3}
.bcard{border-radius:10px;background:#193F33;color:#fff;padding:14px;display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.bcard b{color:#E9EC90;letter-spacing:.1em}.bcard span{font-size:13px;opacity:.85}
div.bars{display:flex;align-items:stretch;height:46px;background:#fff;border-radius:6px;padding:6px 10px;margin-top:6px}.bars i{background:#111;display:block}.bars i.sp{background:#fff}
body.regmode main.mem{padding:14px 16px 20px}div.bars{justify-content:center}

/* 🚚 vendor portal */
.vp{min-height:100vh;background:#fff}
.vph{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid #E7E9E0;position:sticky;top:0;background:#fff;z-index:20}.vph .lg{height:24px}.vph .sp{flex:1}
.vp .sht{top:49px;overflow-x:auto}
body.regmode main.vpm{padding:18px;max-width:1180px;margin:0 auto}
.dock{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dock button{border:1px solid #E7E9E0;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit}.dock button span{font-size:12px;color:#4A514B}.dock button.on{border:2px solid #193F33;background:#F5F7E3}.dock button.taken{opacity:.45}
.btn.bad{background:#FDECE8;border-color:#E5533D;color:#9B2C1E}
@media (max-width:640px){.dock{grid-template-columns:repeat(2,1fr)}body.regmode main.vpm{padding:12px}.vph b{font-size:13px}}

/* 🌀 opening screen (Joseph, Oct 18: "opening … */
#splash{position:fixed;inset:0;z-index:999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:spOut .3s ease .9s forwards}
#splash.gone{animation:spOut .25s ease forwards}
.spw{position:relative;width:min(300px,70vw);aspect-ratio:1}
.spring{position:absolute;inset:0;width:100%;height:100%;animation:spSpin 6s linear infinite}
.spring text{font:800 18px "Inter",sans-serif;fill:#193F33}
.spm{position:absolute;left:50%;top:50%;width:46%;transform:translate(-50%,-50%) scale(.6);opacity:0;animation:spIn .7s cubic-bezier(.2,1.4,.4,1) .15s forwards,spWob 2.4s ease-in-out .9s infinite}
.spl{width:min(220px,52vw);opacity:0;animation:spUp .6s ease .5s forwards}
.spt{font-family:"Roboto Slab",Georgia,serif;font-weight:700;font-size:22px;color:#F8994D;opacity:0;animation:spUp .6s ease .8s forwards}
@keyframes spSpin{to{transform:rotate(360deg)}}
@keyframes spIn{to{transform:translate(-50%,-50%) scale(1);opacity:1}}
@keyframes spWob{0%,100%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-8deg)}}
@keyframes spUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes spOut{to{opacity:0;visibility:hidden;pointer-events:none}}
@media (prefers-reduced-motion:reduce){.spring,.spm{animation:none!important;opacity:1;transform:translate(-50%,-50%)}.spring{transform:none}}

/* 📊 today's service */
.svh{font-size:12px;font-weight:700;color:#4A514B;margin:4px 0 6px;text-transform:uppercase;letter-spacing:.05em}
.svg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:14px}
.svt{border:1px solid #E7E9E0;background:#fff;border-radius:10px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:2px;cursor:pointer;font:inherit;border-left:4px solid #E7E9E0}
.svt .l{font-size:12px;color:#39413B;font-weight:600}.svt b{font-size:22px;color:#0C1610}.svt .s{font-size:11.5px;color:#4A514B}
.svt.good{border-left-color:#165C3A}.svt.warn{border-left-color:#F8994D}.svt.bad{border-left-color:#C2362B}.svt.bad b{color:#C2362B}
@media (max-width:640px){.svg{grid-template-columns:repeat(3,1fr);gap:6px}.svt{padding:7px 8px}.svt b{font-size:16px}.svt .l{font-size:11px}.svt .s{display:none}}

/* ⏱ delivery times */
.etab{display:flex;height:22px;border-radius:6px;overflow:hidden;gap:2px}.etab i{display:block;min-width:4px}
.etal{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px}.etal span{display:flex;align-items:center;gap:5px}.etal span i{width:12px;height:12px;border-radius:3px;display:inline-block}
.hbar{display:flex;align-items:center;gap:8px}.hbar i{display:block;height:10px;background:#F8994D;border-radius:3px;min-width:4px}.hbar b{font-size:13px;white-space:nowrap}
.etach{display:inline-block;background:#fff;border:1px solid #E3E8C2;border-radius:10px;padding:8px 12px;margin:0 0 14px;font-size:14px;color:#193F33}
.row2 select,.row2 .find{min-width:0;width:100%;box-sizing:border-box}

/* 🚚 driver app */
.drcount{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #E7E9E0}.drcount div{display:flex;flex-direction:column;align-items:center;padding:8px 0}.drcount b{font-size:20px}.drcount span{font-size:11px;color:#4A514B}.drcount .ok b{color:#165C3A}
.drmsg{background:#E3F3EA;color:#0F4023;border-radius:10px;padding:10px 12px;margin-bottom:10px;font-weight:600}.drmsg.bad{background:#FDECE8;color:#9B2C1E}
.drst .drbx{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.drbx span{border:1px dashed #C9CFBA;border-radius:8px;padding:6px 10px;font-weight:700;font-size:13px;color:#4A514B}.drbx span.on{border:1px solid #165C3A;background:#E3F3EA;color:#0F4023}
.drbig{width:100%;height:64px;font-size:19px;margin-top:6px}
.drph{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.drph>div{display:flex;flex-direction:column;align-items:center;gap:4px}.drph img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid #E7E9E0}
.drcam{width:100%;aspect-ratio:4/3;border:2px dashed #193F33;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:28px;cursor:pointer;color:#193F33}.drcam span{font-size:12px;font-weight:700}.drcam.off{opacity:.35;cursor:default}
.drph.cust{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin:6px 0}
/* 18 more ideas (Oct 18): trucks live, store … */
.flmap{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.flstops{margin:4px 0 10px;padding-left:20px}.flstops li{margin:3px 0}
.flh{font-size:14px;margin:14px 0 6px;color:#193F33}
.fltemp{display:flex;align-items:flex-end;gap:2px;height:70px;border-bottom:1px solid #E7E9E0}.fltemp i{flex:1;min-width:2px;background:#A6DCE2;border-radius:2px 2px 0 0}.fltemp i.bad{background:#C2362B}
.trk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;padding:8px 10px;background:#F2F4E1;border-radius:10px;font-size:14px}.trk .btn{margin-left:auto}
.trkl{margin:8px 0 4px;font-size:15px}
.tipb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:14px}.tipb span{font-weight:700;color:#193F33}
.fllanes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.fllanes>div{border:1px solid #E7E9E0;border-left:4px solid #165C3A;border-radius:10px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.fllanes>div b{font-size:12px;color:#39413B}.fllanes>div .num{font-size:24px;font-weight:800;color:#0C1610}.fllanes>div.warn{border-left-color:#F8994D}.fllanes>div.bad{border-left-color:#C2362B}.fllanes>div.bad .num{color:#C2362B}.fllanes>div.off{border-left-color:#E7E9E0;opacity:.75}
.flal{margin-top:12px;padding:10px 12px;border-radius:10px;background:#FDECEA;color:#7A1F17;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.flal .btn{margin-left:auto}
.flauto{display:flex;gap:8px;align-items:center;margin-top:10px}
.flgaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.flcam{position:relative;aspect-ratio:16/9;background:#222;border-radius:10px 10px 0 0;overflow:hidden}.flcam img{width:100%;height:100%;object-fit:cover;display:block}
.flcam i{position:absolute;width:22%;height:26%;border:3px dashed #FF4B3A;border-radius:6px}.flcam span{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;padding:2px 6px;border-radius:4px}
.drsm{margin-top:8px;padding:8px 10px;background:#F2F4E1;border-radius:10px;font-size:13.5px}
.nhb{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.nhb .btn{width:100%;justify-content:flex-start}
.kidn{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:8px}.nhb .kidn{grid-template-columns:minmax(0,1fr) auto}.nhb .kidn .btn{width:auto}
.mdtags{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:10px}.mdtags>div{background:#FFF5B8;border:1px solid #E6D46A;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px}
.mdtags>div>span:first-child{font-weight:800;color:#C2362B}.mdtags s{color:#4A514B;font-size:12px}.mdtags .num{font-size:20px}
/* price check kiosk */
.pck{min-height:100vh;background:#fff;max-width:900px;margin:0 auto}.pck header{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #E7E9E0}.pck header img{height:30px}.pck header b{font-size:18px;color:#193F33}
body.regmode .pck main{padding:18px}.pcs{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.pcs .find{font-size:18px;height:52px}.pcs .btn{height:52px}
.pcc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;margin:18px 0;padding:16px;border:1px solid #E7E9E0;border-radius:10px}.pcc h2{margin:0 0 6px;font-size:24px;color:#0C1610}
.pcp{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pcp b{font-size:44px;color:#193F33}.pcp s{font-size:18px}
.pcf{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.pcf span{background:#F2F4E1;border-radius:10px;padding:5px 10px;font-size:13px;font-weight:600}
.pcn{grid-column:1/-1}.pce{display:flex;flex-direction:column;align-items:center;gap:6px;padding:46px 10px;margin:18px 0;border:2px dashed #DCE0C6;border-radius:10px;font-size:40px}.pce b{font-size:22px;color:#193F33}.pce span{font-size:15px}
.pch{color:#193F33;margin:10px 0 8px}.pcal{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.pcal button{display:flex;align-items:center;gap:8px;border:1px solid #E7E9E0;border-radius:10px;background:#fff;padding:8px;font:inherit;text-align:left;cursor:pointer}.pcal span{flex:1;font-size:13px}
.pchelp{width:100%;margin-top:16px;height:52px;font-size:17px}
/* recipes + gifts */
.rcpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.rcp{display:flex;flex-direction:column;gap:4px;padding:14px;text-align:left;font:inherit;cursor:pointer;margin:0}.rcp .re{font-size:40px}.rcp b{font-size:16px;color:#193F33}
.rcpn{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-weight:700}
.gbg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.gbk{display:flex;flex-direction:column;gap:4px;padding:12px;text-align:left;font:inherit;cursor:pointer;margin:0}.gbk.on{border-color:#193F33;box-shadow:inset 0 0 0 1px #193F33}.gbk .num{font-size:20px;font-weight:800;color:#193F33}
.kidc{background:#193F33;color:#E9EC90;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;max-width:340px}.kidc span:first-child{font-size:11px;letter-spacing:.12em;font-weight:700}.kidc b{font-size:22px;color:#fff}
.kidt{margin-top:8px;padding:8px 10px;background:#F2F4E1;border-radius:10px;font-size:13.5px}
/* owner tools */
.scm{display:flex;flex-direction:column;gap:2px}.scm b{font-size:30px}
.num.good{color:#165C3A}.num.warn{color:#C46A1A}.num.bad{color:#C2362B}
.isc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:end}.isc>div:first-child{display:flex;flex-direction:column}.isc>div>b{font-size:64px;line-height:1}
.isch{display:flex;align-items:flex-end;gap:4px;height:90px}.isch i{flex:1;border-radius:3px 3px 0 0;background:#A6DCE2}.isch i.good{background:#9FD3A8}.isch i.warn{background:#FFCB78}.isch i.bad{background:#F2A49B}.isch i:last-child{background:#193F33}
.sms{background:#F2F4E1;border-radius:10px;padding:12px 14px;max-width:420px;font-size:14px;line-height:1.5;white-space:normal}
.rpt tr.flag td{background:#FDF1EF}
.clip{position:relative;border-radius:10px;overflow:hidden;margin:10px 0 6px;background:#000}.clip img{width:100%;display:block;filter:grayscale(.6) contrast(1.1)}.clip span{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px}
.clip i{position:absolute;left:0;bottom:0;height:4px;background:#FF4B3A;animation:clipb 8s linear infinite}@keyframes clipb{from{width:0}to{width:100%}}
@media (max-width:860px){.fllanes{grid-template-columns:repeat(4,minmax(0,1fr))}.gbg{grid-template-columns:1fr}}
@media (max-width:640px){.pcs{grid-template-columns:minmax(0,1fr) auto}.pcs [data-pcdemo]{grid-column:1/-1}.pcc{grid-template-columns:1fr}.pcp b{font-size:36px}.isc{grid-template-columns:1fr}.isc>div>b{font-size:48px}.kidn{grid-template-columns:minmax(0,1fr) 90px}.kidn .btn{grid-column:1/-1}.fllanes>div .num{font-size:20px}}

/* ☀ Lighter design (Joseph, Oct 18: "I don't like the design — go lighter, whit */
@media not (prefers-color-scheme:dark){:root:not([data-theme="dark"]){--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F7F8F3;--line:#E7E9E0;--side:#FFFFFF;--side-ink:#193F33;--side-mut:#7A857B;--side-on:#EEF2C4;--side-on-ink:#193F33;--accent-soft:#F1F4DA}}:root[data-theme="light"]{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#F7F8F3;--line:#E7E9E0;--side:#FFFFFF;--side-ink:#193F33;--side-mut:#7A857B;--side-on:#EEF2C4;--side-on-ink:#193F33;--accent-soft:#F1F4DA}
body{background:#fff}
.side{border-right:1px solid var(--line)}
.nav:hover{background:#F4F6EC}
.nav.gs .ic{color:#1F7A4C}.nav.gc .ic{color:#2E8A97}.nav.gb .ic{color:#C27A12}.nav.on .ic{color:#193F33}
.side .grp{color:#7A857B;opacity:1}
.logo .tgl{color:#4A514B}
.side .ct{background:#193F33;color:#fff}
.bc-box{box-shadow:none;border:1px solid var(--line)}
.rcard{box-shadow:none}
.rules{background:#F7F8F3}
/* register / self-checkout / check-in / store headers: light */
.rgh,.sch{background:#fff!important;color:#193F33!important;border-bottom:1px solid #E7E9E0}
.rgh .mut{color:#7A857B}
.shh{background:#fff;border-bottom:1px solid #E7E9E0}.shh .shs .find{border:1px solid #DCE0C6}.shh .shs .btn{border:1px solid #DCE0C6}
.shop{background:#fff}.sht{background:#fff}
.shbig{background:#193F33;color:#fff}.shbig.alt{background:#F8994D;color:#3B1206}
.shab{background:#F5F7E3;color:#193F33}.shab h2{color:#193F33}.shab p{color:#252E28;opacity:1}.shab .btn:not(.shbig){border-color:#C9CFBA;color:#193F33}
.mcard.sh{background:#F5F7E3;color:#193F33}.mcard.sh b{color:#193F33}
.aisign{background:#fff;color:#5A1E0E;border:2px solid #5A1E0E}.aisign span{color:#5A1E0E}
.sco.st .scbot{background:#fff;color:#193F33}.sco.st h1,.sco h1{color:#193F33}
.ckl{background:#F5F7E3;color:#193F33}.ckl h2,.ckt{color:#193F33}
.cvh{background:#F5F7E3!important;color:#193F33!important}
.web .wh{background:#fff;color:#193F33;border-bottom:1px solid #E7E9E0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .side{border-right-color:#28432F}}
.cvh span{color:#39413B!important;margin-left:auto}
/* 19 more ideas (Oct 18): More tiles, Scan & … */
.mtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.mtile{display:flex;flex-direction:column;gap:4px;padding:16px;text-align:left;font:inherit;cursor:pointer;margin:0!important}.mtile .mte{font-size:28px}.mtile b{font-size:15px;color:#193F33}
.sgbar{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:12px 14px;border:1px solid #ECEEE7;border-radius:12px;background:#fff;margin-bottom:6px}.sgbar b{font-size:20px}
.sgdone{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.sgdone>b{font-size:22px;color:#165C3A}.sgqr{padding:10px;border:1px solid #ECEEE7;border-radius:12px;background:#fff}
.scart{min-height:100vh;background:#F7F8F5}.scart header{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff;border-bottom:1px solid #ECEEE7}.scart header img{height:30px}.scart header b{font-size:18px;color:#193F33}
.scg{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;padding:18px 20px;max-width:1200px;margin:0 auto}
.sctot{background:#193F33;color:#fff;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.sctot b{font-size:40px;color:#E9EC90}
.flyer{background:#F5F7E3;border-radius:12px;padding:18px 20px;margin-bottom:14px}.flyer h2{margin:4px 0;color:#193F33}.flyer p{margin:0;color:#252E28}
.pc b{font-size:15px}.pch2{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:10px 0 6px}.pch2 i{height:22px;border-radius:6px;border:1.5px dashed #C9CFBA}.pch2 i.on{background:#193F33;border:1.5px solid #193F33}
.curb{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.curb>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;background:#FFF4E5;border:1px solid #F6D3A6;border-radius:12px}.curb>div>span{flex:1;font-size:13.5px}
.stc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stc .rcard{margin:0}.stc .boxes{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.scg{grid-template-columns:1fr}.stc{grid-template-columns:1fr}}
@media (max-width:640px){.mtiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mtile{padding:12px}.mtile .small{display:none}.scg{padding:12px}.sctot b{font-size:30px}}

/* 20 more ideas (Oct 18): phone call / Whats … */
.callt{background:#F7F8F2;border-radius:12px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.wchat{background:#EFEAE2;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.wbub{background:#fff;border-radius:10px;padding:8px 10px;max-width:82%;font-size:14px;align-self:flex-start;box-shadow:0 1px 1px rgba(0,0,0,.08)}.wbub.mn{background:#D9FDD3;align-self:flex-end}.wbub span{display:block;text-align:right;font-size:11px;color:#4A514B;margin-top:2px}.wbub svg{display:block;border-radius:6px;width:200px;height:150px}
.mealr{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #F2F3EE}.mealr b{padding-top:6px;color:#193F33}
.subsel{width:auto;min-width:130px;height:36px}
.badge{padding:12px;border-radius:10px;background:#F5F7E3;font-weight:700;color:#193F33}
.qz{margin-bottom:12px}.qz b{display:block;margin-bottom:6px;font-size:14px}.cchip.bad{border-color:#C2362B;color:#C2362B}
.wx .pad{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wxi{font-size:34px}.wx .w{flex:1;min-width:220px;display:flex;flex-direction:column;gap:3px}
.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.heat>div{border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.heat .num{font-size:22px;font-weight:800}
.cfb{display:flex;align-items:flex-end;gap:8px;height:140px}.cfb>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.cfb i{width:100%;background:#A6DCE2;border-radius:6px 6px 0 0}.cfb i.ok{background:#9FD3A8}.cfb span{font-size:11px;color:#4A514B}.cfb.sm{height:80px;margin-top:8px}
.brd{display:block;background:#fff;border:1px solid #ECEEE7;border-radius:12px;padding:24px;max-width:860px}.bh{display:flex;align-items:center;gap:16px;margin-bottom:16px}.bh img{height:56px}.bh b{display:block;font-size:22px}.bh span{color:#4A514B}.brd h4{margin:16px 0 6px;color:#193F33}.brd ul{margin:0;padding-left:20px;line-height:1.7}
@media (max-width:640px){.mealr{grid-template-columns:1fr}.brd{padding:14px}.subsel{min-width:110px}}
@media print{.brd{border:0;max-width:none}}

/* 18 more ideas (Oct 18): Shabbos countdown, … */
.shabbar{background:#fff;border:1px solid #ECEEE7;border-radius:12px;padding:10px 14px;margin:12px 0;font-size:14px;color:#193F33}
.delin{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:10px}.delin>div{background:#fff;border:1px solid #ECEEE7;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px;text-align:center}.delin b{font-size:48px;color:#193F33}.delin .mine{background:#193F33;color:#fff}.delin .mine b{color:#E9EC90}
.refc{background:#F5F7E3;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.refc b{font-size:30px;letter-spacing:.08em;color:#193F33}
.wrapl{margin:10px 0;padding:10px 12px;border:1px solid #ECEEE7;border-radius:10px;display:flex;flex-direction:column;gap:8px}.wrapl label{display:flex;gap:8px;align-items:center;font-weight:600}

/* page groups in "All pages" (Joseph, Oct 18 … */
.tgh{font-size:12px;font-weight:700;color:#535B54;text-transform:uppercase;letter-spacing:.06em;margin:14px 2px 6px}.tgh:first-child{margin-top:0}
.tiles.tg{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.tiles.tg .tile{flex-direction:row;align-items:center;gap:10px;padding:10px 12px;min-height:0;font-size:14px;font-weight:600}
.tiles.tg .tile.on{border-color:#193F33;background:#EEF2E3}.tiles.tg .tile .ct{position:static;margin-left:auto}
@media (min-width:641px){.tiles.tg{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* group it more (Joseph, Oct 18): side menu … */
.grp.gbtn{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;cursor:pointer;font:inherit;text-align:left;border-radius:8px;padding:10px 10px 8px;margin-top:2px}

/* ✨ New design preview (Oct 18) — only with body.v3 (switch at the top of every page) */
.v3sw{margin-left:4px}
body.v3 .btn.pri,body.v3 .btn.go{background:#193F33;border-color:#193F33;color:#fff}
body.v3 .shbig.alt{background:#193F33;color:#fff}
body.v3 .flal .btn,body.v3 .btn.urg{background:#F8994D;border-color:#F8994D;color:#3B1206}
body.v3 .logo .lgf{width:108px}body.v3 .logo .tgl{display:none}body.v3 .logo{padding-bottom:6px}
body.v3 .grp.g0::before{background:#C9CE57}body.v3 .grp.g1::before{background:#7CC6CF}body.v3 .grp.g2::before{background:#C7A9CE}body.v3 .grp.g3::before{background:#F5B04A}body.v3 .grp.g4::before{background:#F8994D}body.v3 .grp.g5::before{background:#6FA98A}
body.v3 .nav.on{background:var(--gs)!important;box-shadow:inset 3px 0 0 var(--gk)}
body.v3 .nav.g0 .ic{color:#8C9122}body.v3 .nav.g1 .ic{color:#2E8A97}body.v3 .nav.g2 .ic{color:#8C5E96}body.v3 .nav.g3 .ic{color:#C27A12}body.v3 .nav.g4 .ic{color:#C8621E}body.v3 .nav.g5 .ic{color:#2F6E4F}
body.v3 .top{padding-bottom:14px;border-bottom:3px solid var(--gk)}
body.v3 .top .sp{display:none}
.bell{position:relative;margin-left:auto}.bell b{position:absolute;top:-6px;right:-6px;background:#C2362B;color:#fff;font-size:11px;border-radius:6px;padding:0 5px}
body:not(.v3) .top .bell{display:none}
body.v3 .boxes .bc-box .v{font-size:32px}
.v3g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.v3g .rcard{margin:0}
.needs .pad{display:flex;flex-direction:column;gap:6px}
.nrow{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #ECEEE7;background:#fff;border-radius:10px;padding:10px 12px;font:inherit;text-align:left;cursor:pointer}
.nrow i{width:10px;height:10px;border-radius:3px;flex:none;background:#9AA39B}.nrow.bad i{background:#C2362B}.nrow.warn i{background:#F0A040}.nrow.ok i{background:#165C3A}
.nrow .w{flex:1;display:flex;flex-direction:column;gap:1px}.nrow:hover{border-color:#C9CFBA}
.v3svc{margin-bottom:16px}.v3svc summary{cursor:pointer;font-weight:700;padding:12px 16px;background:#fff;border:1px solid #ECEEE7;border-radius:12px;color:#193F33;list-style:none}.v3svc summary::after{content:" ▾";color:#5C655D}.v3svc[open] summary{margin-bottom:12px}
.cchip.more{border-style:dashed}
@media (max-width:860px){.v3g{grid-template-columns:1fr}.v3g .needs{order:-1}}
@media (max-width:640px){body.v3 .boxes .bc-box .v{font-size:22px}.v3sw{font-size:12px;padding:5px 8px}}

/* 10 more ideas (Oct 18): hours sign, coupon form, deli labels, gift card */
.hsign{background:#fff;border:2px solid #193F33;border-radius:14px;padding:28px;max-width:560px;text-align:center}.hsign img{height:70px}.hsign h2{margin:10px 0 14px;font-size:28px;color:#193F33}.hsign table{width:100%;border-collapse:collapse;font-size:17px}.hsign td{padding:9px 6px;border-bottom:1px solid #ECEEE7;text-align:left}.hsign td+td{text-align:right;font-weight:700}.hsign tr.yt td{background:#FFF3DE}.hsign p{margin:14px 0 0;color:#39413B;font-size:13px}
.cpg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.cpg .find{height:44px}
.dlabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.dlab{border:1.5px dashed #9AA39B;border-radius:10px;padding:10px 12px;background:#fff;display:flex;flex-direction:column;gap:3px;font-size:12.5px}.dlab>b{font-size:15px}.dlab .num{font-size:20px;font-weight:800;color:#193F33}
.gcard{background:#193F33;color:#E9EC90;border-radius:14px;padding:18px 20px;max-width:340px;aspect-ratio:1.6;display:flex;flex-direction:column;justify-content:space-between}.gcard span:first-child{letter-spacing:.2em;font-weight:800}.gcard b{font-size:38px;color:#fff}
@media (max-width:860px){.cpg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{body.printing-labels .dlabs{display:grid}}

/* 10 more ideas (Oct 18 b): store map, levels, store flyer, dock calendar */
.smap{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.tierc{border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:2px;max-width:380px;color:#193F33}.tierc span:first-child{font-size:11px;letter-spacing:.14em;font-weight:700}.tierc b{font-size:30px}.tierc.t0{background:#ECEEEA}.tierc.t1{background:#FFF0C9}.tierc.t2{background:#E4E1F0}
.tierb{height:10px;border-radius:5px;background:#ECEEE7;margin:10px 0 6px;max-width:380px;overflow:hidden}.tierb i{display:block;height:100%;background:#193F33}
.sflyer{background:#fff;border:1px solid #ECEEE7;border-radius:14px;padding:20px;max-width:900px}.sfh{display:flex;align-items:center;gap:16px;margin-bottom:14px}.sfh img{height:56px}.sfh b{display:block;font-size:24px;color:#193F33}.sfh span{color:#4A514B}
.sfg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sfg>div{border:1px solid #ECEEE7;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:2px}.sfg .num{font-size:22px;font-weight:800;color:#C2362B}.sfg s{color:#5C655D;font-size:12px}.sflyer p{margin:12px 0 0;color:#4A514B;font-size:12px}
.rpt th.tdy,.rpt td.tdy{background:#F7F8DC}
@media (max-width:640px){.sfg{grid-template-columns:repeat(2,minmax(0,1fr))}}

.doorph{display:block;max-width:320px;width:100%;border-radius:10px;margin-top:10px}

@media (max-width:640px){.rpt-card{overflow-x:auto}.rpt-card .rpt td,.rpt-card .rpt th{padding:7px 5px;font-size:12.5px}}
/* Oct 18: one row (Livland rule) — period box + tabs never wrap into extra rows */
.persel{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1px solid #D9DEE8;border-radius:10px;background:#fff;color:#193F33;flex:none}.persel select{border:0;background:none;font:inherit;font-weight:700;color:#193F33;padding:0 2px;height:34px;-webkit-appearance:none;appearance:none;cursor:pointer}.persel:after{content:'▾';font-size:10px}
.onerow{display:flex;align-items:center;gap:8px;margin-bottom:10px;min-width:0}.onerow .chips{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;margin:0;scrollbar-width:none}.onerow .chips::-webkit-scrollbar{display:none}.onerow .cchip{flex:none}
@media (max-width:640px){.top .persel{height:34px}}
/* one line + bold (Joseph, Oct 18) */
.chips.one{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.chips.one::-webkit-scrollbar{display:none}.chips.one>.cchip{flex:none}.chips.one>.cchip.more{display:none}
.rpt td{font-weight:600}.rpt td.num,.rpt td.r{font-weight:700}.rpt td .small,.rpt td .mut{font-weight:500}.kv span:nth-child(2n){font-weight:600}
.rpt tr[data-open]{cursor:pointer}.rpt tr[data-open]:hover td{background:#F7F8F3}
/* Oct 18: 🟢 Real POS */
.rpwhy{border-left:4px solid #F59E0B}.rpwhy .pad{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rptabs{margin-bottom:8px}.rph i{position:absolute;bottom:18px;left:12%;right:12%;border-radius:4px 4px 0 0}.rph i.cmp{left:0;right:0;background:#E3E6DF}.rph i:not(.cmp){background:#174536}.rph{position:relative}.rph span{position:absolute;top:0;left:0;right:0;text-align:center}.rph em{position:absolute;bottom:0;left:0;right:0;text-align:center}
/* Oct 18: 📺 Office screen */
.tv{display:flex;flex-direction:column;gap:14px}.tvh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tvh>b{font-size:22px}.tvc{font-size:15px;color:#2E333C}.tvlive{font-size:12px;color:#12612F;font-weight:700}
.tvsec{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#41454E;margin-top:4px}
.tvg{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.tvt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;background:#fff;border:1px solid #ECEEE7;border-left:6px solid #D6DAD2;border-radius:12px;text-align:left;font:inherit;cursor:pointer}
.tvt .l{font-size:13px;font-weight:700;color:#2E333C}.tvt b{font-size:clamp(22px,2.3vw,40px);line-height:1.05;color:#0C1610;white-space:nowrap}.tvt .s{font-size:12px;color:#41454E}.tvt.ok{border-left-color:#137A38}.tvt.warn{border-left-color:#F59E0B}.tvt.bad{border-left-color:#DC2626}.tvt.bad b{color:#DC2626}
.tvflow{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ECEEE7;border-radius:12px;padding:10px}.tvflow i{font-style:normal;color:#5A626F;font-size:20px}.tvf{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;border:0;background:#F6F7F3;border-radius:10px;font:inherit;cursor:pointer}.tvf b{font-size:28px}.tvf span{font-size:12px;color:#2E333C;font-weight:600}
.tvcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tvp{background:#fff;border:1px solid #ECEEE7;border-radius:12px;padding:14px 16px}.tvp h3{margin:0 0 8px;font-size:15px}
.tvr{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F0F1EC;cursor:pointer;font-size:14px}.tvr:first-of-type{border-top:0}.tvr>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tvr>:last-child{flex:none}.tvr i{display:block;font-style:normal;font-size:12px;color:#41454E;overflow:hidden;text-overflow:ellipsis}.tvok{padding:18px 0;color:#12612F;font-weight:700}
.tvbars{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:16px}.tvb{flex:1;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer}.tvb i{display:block;width:100%;background:#174536;border-radius:4px 4px 0 0}.tvb span{font-size:11px;font-weight:700;margin-bottom:2px}.tvb em{font-style:normal;font-size:11px;color:#41454E;margin-top:4px}
body.tvfull .side,body.tvfull aside,body.tvfull .mob,body.tvfull .top{display:none!important}body.tvfull .app{display:block!important}body.tvfull #main{max-width:none!important;width:auto!important;margin:0!important;padding:20px 28px}body.tvfull .tvt b{font-size:clamp(24px,2.6vw,52px)}
@media (max-width:900px){.tvcols{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.tvg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tvt{padding:10px 12px}.tvt b{font-size:22px}.tvflow{gap:2px;padding:6px}.tvflow i{display:none}.tvf b{font-size:20px}.tvf span{font-size:10px;text-align:center}.tvh>b{font-size:17px}}
/* Oct 18: 🧾 final receipt email (order packed) */
.rcm{background:#fff;border:1px solid #ECEEE7;border-radius:14px;overflow:hidden;font-size:14px;color:#0C1610}.rcm-h{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:6px solid #F4C430;border-bottom:1px solid #F0F1EC}.rcm-logo{font-size:22px}.rcm-h b{font-size:17px}.rcm-on{margin-left:auto;font-size:12px;color:#41454E;font-weight:700}
.rcm-t{display:flex;align-items:center;gap:12px;padding:18px 16px 4px}.rcm-ok{width:40px;height:40px;border-radius:22%;background:#F4C430;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex:none}.rcm-t b{font-size:19px}.rcm-s{padding:4px 16px 12px;color:#2E333C}
.rcm-tot{margin:4px 16px 12px;padding:14px 16px;border:2px solid #F4C430;border-radius:10px;background:#FBFAF5;display:flex;flex-direction:column;gap:4px}.rcm-tot span{font-size:11px;letter-spacing:.12em;font-weight:700;color:#9A7B12}.rcm-tot b{font-size:28px}.rcm-tot i{font-style:normal;font-size:13px;color:#2E333C}
.rcm-sec{padding:10px 16px 6px;font-weight:800}.rcm-sec span{font-weight:400;color:#5A626F;margin-left:6px}.rcm-adj{margin:0 16px 8px;border:1px solid #ECEEE7;border-radius:8px}.rcm-adj div{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px}.rcm-adj div+div{border-top:1px solid #F0F1EC}
.rcm-l{display:flex;gap:12px;align-items:flex-start;padding:10px 16px;border-top:1px solid #F0F1EC}.rcm-l .ipic{width:52px;height:52px;flex:none}.rcm-l .w{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rcm-l .w span{font-size:13px;color:#41454E}.rcm-l .w i{font-style:normal;font-size:12px;font-weight:700;color:#9A7B12}.rcm-l.out{opacity:.6}
.rcm-sum{margin:10px 16px;padding:10px 14px;background:#F6F5F0;border-radius:10px}.rcm-sum div{display:flex;justify-content:space-between;padding:4px 0;color:#2E333C}.rcm-sum .t{border-top:1px solid #E5E3DA;margin-top:4px;padding-top:8px;color:#0C1610;font-weight:700}.rcm-sum .t b{font-size:22px}
.rcm-card{padding:0 16px;font-size:12px;color:#5A626F}.rcm-btn{margin:12px 16px;padding:12px 22px;border:0;border-radius:10px;background:#F4C430;font:inherit;font-weight:800;font-size:15px;color:#0C1610;cursor:pointer}.rcm-f{padding:12px 16px 16px;font-size:11px;color:#5A626F;border-top:1px solid #F0F1EC}
/* Oct 18: Average order · Walk-in statistics · Market report */
.posv{color:#12612F}.mkctl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mkline{margin:4px 0 10px;padding:8px 10px;border-radius:8px;background:#F1F5F2;font-size:13px}.mkline.bad{background:#FEF2F2;color:#B91C1C}.wbars{display:flex;align-items:flex-end;gap:6px;height:150px;padding-bottom:22px!important}.wb{flex:1;position:relative;height:100%;cursor:pointer}.wb i,.wb b{position:absolute;bottom:0;left:0;right:0;border-radius:4px 4px 0 0}.wb i{background:#C9D3E8}.wb b{background:#193F33;left:22%;right:22%}.wb span{position:absolute;bottom:-18px;left:0;right:0;text-align:center;font-size:11px;color:#41454E}
/* real QuickBooks layout (Oct 18: "layout terrible") */
.rqw{margin-bottom:22px}.rqh{display:flex;align-items:center;gap:8px;margin-bottom:10px}.rqh .w{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.rqh b{font-size:19px;color:#0C1610}
.rqm{margin-bottom:12px}.rqw .boxes{margin-bottom:14px}.rqw .grid2{gap:14px}.rqw .grid2 .rcard{margin:0}.rqw .grid2{margin-bottom:14px}.rqf{margin-top:2px}
@media (max-width:640px){.rqh b{font-size:17px}.rqw .boxes{grid-template-columns:repeat(2,minmax(0,1fr))}.rqm{flex-wrap:nowrap;overflow-x:auto}.rqm .cchip{flex:none}.hide-ph{display:none}}

/* real QuickBooks reports (Oct 18) */
.rqt{margin-bottom:12px}.rqsc{overflow-x:auto}
body.rq-ok #main #rqCard ~ *{display:none}/* real numbers loaded → the sample screens below are hidden */
.rpt.stmt tr.sec td{font-weight:700;color:#193F33;background:#FAFBF6;padding-top:12px}.rpt.stmt tr.tot td{font-weight:700;background:#F7F8F2}
@media (max-width:640px){.rqt{flex-wrap:nowrap;overflow-x:auto}.rqt .cchip{flex:none}}

/* real QuickBooks — Livland style (Oct 18): … */
.rqbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-bottom:14px}
.rqbar .rqpb{flex:1 1 auto;min-width:0;height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1px solid #D9DEE8;border-radius:10px;font:inherit;font-size:13px;color:#2E333C;cursor:pointer;white-space:nowrap;overflow:hidden}
.rqbar .rqpb svg{flex:none;color:#2E333C;width:15px;height:15px}.rqbar .rqpb b{color:#193F33;font-weight:700}.rqbar .rqpb .rqpr{overflow:hidden;text-overflow:ellipsis;font-size:12px}.rqbar .rqpb i{font-style:normal;font-size:10px;margin-left:auto;color:#193F33}
.rqbar .rqib{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none;background:#fff;border:1px solid #D9DEE8;border-radius:10px;color:#193F33;cursor:pointer}
.rqbar .rqib.on{background:#193F33;color:#fff;border-color:#193F33}
.rqrep{background:#fff;border:1px solid #DFE3EA;border-radius:14px;padding:22px 18px 18px}
.rqhd{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 8px 18px;text-align:center}.rqhd .co{font-size:14px;color:#1F2937}.rqhd h2{margin:2px 0;font-size:21px;font-weight:800;color:#193F33;letter-spacing:-.01em}.rqhd .pd{font-size:13px;color:#1F2937}.rqhd .cm{font-size:11.5px;color:#41454E}
.rqrep .rqsc{border:1px solid #E5E8EF;border-radius:10px;overflow-x:auto}
.rqrep table.rpt{width:100%;border-collapse:collapse;font-size:13px}
.rqrep table.rpt th{font-family:Inter,system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#41454E;padding:9px 10px;border-bottom:1px solid #E5E8EF;background:#fff;white-space:nowrap}
.rqrep table.rpt td{padding:7px 10px;border-bottom:1px solid #EEF0F4;color:#111827}
.rqrep table.rpt td.num{font-family:Arial,Helvetica,sans-serif;font-weight:700;white-space:nowrap;text-align:right}
.rqrep table.rpt tr.dl td:first-child{font-weight:600}
.rqrep table.rpt tr td{background:#fff}.rqrep table.rpt tr.sec td{font-weight:700;padding-top:12px;background:#fff}
.rqrep table.rpt tr.tot td{font-weight:700}.rqrep table.rpt tr.tot td{background:#EEF2E8}.rqrep table.rpt tr.rqtop td{background:#fff;border-top:1px solid #C9CFDB;border-bottom:1px solid #C9CFDB}
.rqrep table.rpt tr.rqlast td{background:#EEF2E8;border-bottom:3px double #193F33}
.rqrep table.rpt td.negv,.rqrep .negv{color:#DC2626}
.rqrep table.rpt tr td.rqlb{padding-left:calc(24px + var(--d,0)*14px)}.rqrep table.rpt tr.sec td{color:#111827}
.rqfold{border:0;background:none;padding:0 4px 0 0;margin-left:-14px;width:14px;font:inherit;color:#41454E;cursor:pointer}
.rqcat{display:flex;flex-direction:column;gap:8px}.rqci{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border:1px solid #DFE3EA;border-radius:10px;background:#fff;font:inherit;cursor:pointer}.rqci b{color:#193F33}.rqci span{font-size:12px;color:#41454E}.rqci.on{border-color:#193F33;box-shadow:inset 3px 0 0 #193F33}
.rqrep table.rpt td.posv{color:#12612F}.rqrep table.rpt th.pc,.rqrep table.rpt td.pc{color:#41454E;font-weight:600}
.rqrep tr[data-rqline],.rqrep tr[data-rqvend],.rqrep tr[data-rqcw],.rqrep tr[data-rqmon],.rqrep td[data-rqmon],.rqmg{cursor:pointer}.rqrep tr[data-rqline]:hover td,.rqrep tr[data-rqvend]:hover td,.rqrep tr[data-rqmon]:hover td{background:#F5F7FB}
.rqnt{display:inline-block;font:600 10px/1 Inter,system-ui,sans-serif;padding:3px 5px;border-radius:5px;background:#EEF2E8;color:#193F33;vertical-align:1px;margin-left:4px}.rqnt.ama{background:#FEF3C7;color:#92400E}
.rqbarc{width:22%}.rqbarc i{display:block;height:8px;border-radius:0 4px 4px 0;background:#193F33}.rqbarc i.neg{background:#DC2626}
.rqrule{font:500 10.5px Inter,system-ui,sans-serif;color:#41454E;margin-left:4px}.rqrep tr[data-rqpfe],.rqrep tr[data-rqpfm]{cursor:pointer}.rqrep tr[data-rqpfe]:hover td,.rqrep tr[data-rqpfm]:hover td{background:#F5F7FB}.pfmr{grid-template-columns:1fr 1fr!important}.pfmr b{font-family:Arial,sans-serif;margin-left:6px}
@media (max-width:640px){.rqrep table.pft{font-size:11px}.rqrep table.pft td,.rqrep table.pft th{padding:6px 3px}.rqrep table.pft th{font-size:8.5px;letter-spacing:0;white-space:normal}.rqrep table.pft td.rqlb{white-space:normal;max-width:118px;padding-left:calc(6px + var(--d,0)*6px)}.rqrule{display:none}.pfmr{grid-template-columns:1fr!important}}
.rqrep td.nw{white-space:nowrap}.rqyd{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:10.5px}
.rqchart{width:100%;height:auto;display:block}.rqchart .g{stroke:#EEF0F4;stroke-width:1}.rqchart .ax{font:11px Inter,system-ui,sans-serif;fill:#6B7280}.rqchart .ln{fill:none;stroke:#193F33;stroke-width:2;stroke-linejoin:round}.rqchart .dot{fill:#193F33;stroke:#fff;stroke-width:2}.rqchart .hit{fill:transparent}.rqchart .pt:hover .dot{r:5}.rqchart .lbl{font:700 12px Inter,system-ui,sans-serif;fill:#111827}
.rqmg{margin-top:14px}.rqmg h3{margin-bottom:6px}
.rqask{display:flex;gap:8px;margin-top:14px}.rqask .find{flex:1;min-width:0;height:40px}.rqans{margin-top:10px;padding:12px 14px;background:#fff;border:1px solid #DFE3EA;border-radius:10px;font-size:14px;line-height:1.5}
.rqbud{display:flex;flex-direction:column;gap:8px}.rqbud label{display:grid;grid-template-columns:1fr 140px;gap:10px;align-items:center}.rqbud label span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rqbud .find{height:40px;text-align:right}
.rqsv{display:flex;gap:8px;align-items:stretch}.rqsv .rqci{flex:1}.rqama{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:14px}.rqdl{padding:0;border:0;margin-top:8px}
@media (max-width:640px){.rqyd{display:none}.rqbud label{grid-template-columns:1fr 110px}}
@media (max-width:640px){.rqbar{gap:6px}.rqbar .rqpb .rqpr{display:none}.rqrep{padding:14px 8px 10px}.rqhd h2{font-size:18px}.rqrep table.rpt{font-size:12px}.rqrep table.rpt td,.rqrep table.rpt th{padding:6px 4px}.rqrep table.rpt th{font-size:9.5px;letter-spacing:.03em}.rqrep table.rpt tr td.rqlb{padding-left:calc(14px + var(--d,0)*6px)}.rqfold{margin-left:-12px;width:12px}.rqrep .rqsc{border:0}}
.rqpv .box{width:min(900px,100vw)!important;max-width:100vw}.rqpv header{display:flex;align-items:center;gap:10px}.rqpv header h2{flex:1;margin:0;font-size:17px}.rqpage{background:#fff;padding:10px 4px}
@media (max-width:640px){.rqbar{padding:6px;gap:6px}.rqbar .rqsel{flex:1 1 auto;font-size:14px}.rqbar .rqpb{font-size:13px;padding:0 10px}.rqbar .rqib{width:36px;height:36px}.rqbar .rqsel,.rqbar .rqpb{height:36px}}
@media print{.rqfold{visibility:hidden}body.rqprinting .app,body.rqprinting .mob,body.rqprinting #splash{display:none!important}body.rqprinting #modal .modal{position:static!important;background:none!important}body.rqprinting #modal .box{position:static!important;width:100%!important;max-width:none!important;box-shadow:none!important;height:auto!important;overflow:visible!important}body.rqprinting #modal header{display:none!important}body.rqprinting .hide-ph{display:table-cell!important}}

/* ✨ Clean design v2 (Joseph, Oct 18: "I still want to see a better design") — o */
@media not (prefers-color-scheme:dark){:root:not([data-theme="dark"]){--bg:#F7F8F5;--line:#E9EBE4;--muted:#38433B}}:root[data-theme="light"]{--bg:#F7F8F5;--line:#E9EBE4;--muted:#38433B}
body{background:#F7F8F5;-webkit-font-smoothing:antialiased}
main{padding:28px 32px}
h1,h2,.top h1,.rcard h3,.modal .box>header h2,.lsc b,.scbot h1,.mcard b,.np b{font-family:var(--f)!important;letter-spacing:-.01em}
.top{margin-bottom:20px}.top h1{font-size:26px;font-weight:800;color:#0C1610}
.top .live{background:transparent;padding:0;color:#165C3A;font-weight:600}.top .sample{border:0;padding:0;color:#5C655D}
.rcard{border:1px solid #ECEEE7;border-radius:12px;box-shadow:0 1px 2px rgba(22,36,28,.04),0 4px 14px rgba(22,36,28,.04);margin-bottom:18px}
.rcard h3,.rcard>h3{border-left:0!important;padding:14px 18px!important;font-size:15px;font-weight:700;color:#0C1610;border-bottom:1px solid #F0F1EC}
.rcard .pad{padding:14px 18px}
.bc-box,.boxes .bc-box{border:1px solid #ECEEE7!important;border-top:1px solid #ECEEE7!important;border-radius:12px;box-shadow:0 1px 2px rgba(22,36,28,.04);padding:16px 18px}
.bc-box .l{font-family:var(--f)!important;font-size:12.5px;font-weight:600;color:#444A45;letter-spacing:0;text-transform:none}
.bc-box .v{font-size:26px;font-weight:800;color:#0C1610;margin:4px 0 2px}
.bc-box .s{font-size:12px;color:#535B54}
.boxes{gap:14px}
.rpt th{background:#fff;color:#535B54;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 18px}
.rpt td{padding:11px 18px;border-bottom:1px solid #F2F3EE}
.rpt tr:hover td{background:#FAFBF6}.rpt tr.tot td{background:#F7F8F2;font-weight:700}
.cchip{border:1px solid #E3E6DC;background:#fff;color:#252E28;border-radius:10px;padding:7px 13px;font-weight:600}
.cchip:hover{border-color:#C9CFBA}
.cchip.on{background:#193F33;border-color:#193F33;color:#fff}
.chips{gap:8px}
.btn{border-radius:10px;font-weight:600}
.svt{border:1px solid #ECEEE7;border-left:1px solid #ECEEE7;border-radius:12px;padding:12px 14px;position:relative}
.svt::before{content:"";position:absolute;left:14px;top:14px;width:8px;height:8px;border-radius:2px;background:#D6DACD}
.svt.good,.svt.warn,.svt.bad{border-left-color:#ECEEE7}.svt.good::before{background:#165C3A}.svt.warn::before{background:#F0A040}.svt.bad::before{background:#C2362B}
.svt .l{padding-left:14px}
.svh{color:#535B54;margin:14px 0 8px}
.side{background:#fff}
.nav{border-radius:10px;font-weight:500}.nav.on{background:#EEF2E3;font-weight:700}
.side .grp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:14px}
.modal .box{border-radius:14px 0 0 14px}
.tag{border-radius:6px;font-weight:600}
@media (max-width:860px){main{padding:18px 18px 90px}}
@media (max-width:640px){main{padding:12px 12px 90px}.top h1{font-size:20px}.rcard h3,.rcard>h3{padding:11px 14px!important;font-size:14px}.rcard .pad{padding:12px 14px}.rpt th,.rpt td{padding:9px 12px}.bc-box,.boxes .bc-box{padding:11px 12px}.bc-box .v{font-size:20px}.boxes{gap:8px}.svt{padding:10px 10px}.svt::before{left:10px;top:12px}.svt .l{padding-left:12px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body{background:var(--bg)}:root:not([data-theme="light"]) .top h1,:root:not([data-theme="light"]) .rcard h3,:root:not([data-theme="light"]) .bc-box .v{color:var(--fg)}:root:not([data-theme="light"]) .rpt th,:root:not([data-theme="light"]) .cchip{background:var(--surface);color:var(--fg)}}

/* Livland style in Island green (Joseph, Oct 18: "leave it green — the island i */
@media (min-width:641px){
.side{background:#193F33!important;color:#fff!important;border-right:0!important}
.side .logo img{filter:brightness(0) invert(1)}
.side .nav{color:#fff!important;background:transparent}.side .nav .ic,.side .nav .ic svg{color:#fff!important;stroke:#fff}
html body aside.side .nav:hover{background:rgba(255,255,255,.08)!important}html body aside.side .nav.on,html body aside.side .nav.on *{color:#fff!important}html body aside.side .nav.on{background:rgba(255,255,255,.16)!important;box-shadow:none!important;border-color:transparent!important}html body aside.side .nav.on .ic svg{stroke:#fff!important}
.side .grp,.side .gbtn{color:#B9C9A8!important;opacity:1!important}.side .gbtn:before,.side .grp:before{background:#E9EC90!important}
.side .foot,.side .foot a{color:#B9C9A8!important}.side .ct{background:#E9EC90!important;color:#193F33!important}
}

/* All pages like Livland (Oct 18): grouped, … */
.tiles.apg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.tiles.apg .tile{flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:8px 2px 6px;min-height:0;font-size:9.5px;font-weight:600;line-height:1.15;text-align:center;border-radius:10px}
.tiles.apg .tile span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:9px;letter-spacing:-.01em}
.tiles.apg .tile .ct{position:absolute;top:3px;right:3px;font-size:9px;padding:0 4px}
@media (min-width:641px){.tiles.apg{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.tiles.apg .tile{font-size:12px;padding:12px 4px 10px}}

/* Livland rules on every page (Oct 18): Prin … */
.ippv .box{width:min(980px,100vw)!important;max-width:100vw}
.ipbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ipbar h2{margin:0;font-size:18px}.ipbar .sp{flex:1}
.ipopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 18px;margin:12px 0}.ipopts .label{display:block;margin-bottom:4px}.ipopts .ipcolsrow{grid-column:1/-1}
.ipch{flex-wrap:wrap!important;overflow:visible!important}.ippct{display:inline-flex;align-items:center;gap:6px;margin-left:6px}.ippct b{min-width:44px;text-align:center}
.ipinfo{font-size:13px;color:var(--muted);margin:4px 0 8px}
.ipstage{background:#E8EAE4;border-radius:10px;padding:8px;overflow:auto;max-height:62vh}
.ippaper{background:#fff;margin:0 auto;box-shadow:0 1px 6px rgba(0,0,0,.18);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--pgh) - 2px),#C9CDC4 calc(var(--pgh) - 2px),#C9CDC4 var(--pgh))}
.ipgo{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.ipdoc{color:#111;font-size:13px}.ipdoc .iphd{text-align:center;margin-bottom:14px}.ipdoc .iplogo{display:block;height:46px;width:auto;margin:0 auto 8px}.ipdoc .iphd .co{font-size:13px}.ipdoc .iphd h2{margin:2px 0;font-size:20px;font-weight:800;color:#193F33}.ipdoc .iphd .pd{font-size:12px;color:#444}
.ipdoc .rcard,.ipdoc .rpt-card{box-shadow:none!important;border:0!important;background:none!important}.ipdoc table{width:100%;border-collapse:collapse}.ipdoc th,.ipdoc td{padding:5px 8px;border-bottom:1px solid #E3E5DF}.ipdoc tr{break-inside:avoid}.ipdoc .ipln{color:#888;width:30px}
.ipdoc .boxes{gap:8px}.ipdoc .bc-box{padding:10px 12px;min-height:0}.ipdoc .bc-box .v{font-size:20px!important;white-space:nowrap}.ipdoc .bc-box .l,.ipdoc .bc-box .s{font-size:11px}
#ipArea{display:none}
@media print{body.ipprinting>*:not(#ipArea){display:none!important}body.ipprinting #ipArea{display:block!important}body.ipprinting{background:#fff!important}}
.btn.dcard{width:100%;justify-content:space-between;margin:6px 0;text-align:left}
tr[data-rowcard],li[data-licard]{cursor:pointer}tr[data-rowcard]:hover td,li[data-licard]:hover{background:#F7F8F3}
.lbq{width:auto;min-width:0;flex:0 1 170px;height:36px}.top:has(.lbq){flex-wrap:nowrap}.top:has(.lbq) .sample{display:none}.top:has(.lbq) h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (max-width:640px){.ipopts{grid-template-columns:1fr}.ipbar h2{font-size:16px}.lbq{flex:1 1 100px}}

/* ===== Livland design, Island colors (Joseph, Oct 18: "review Livland pages — */
body{font-size:15px;letter-spacing:-.09px;line-height:1.5}
.top,body.v3 .top{border-bottom:0!important;padding-bottom:0!important;margin-bottom:14px!important}
.bc-box{padding:9.6px 13.6px!important;border-radius:14px!important;border:1px solid #D9DED4!important;box-shadow:none!important;min-height:0!important;font-size:12.8px;line-height:16px}
.bc-box .l{font-size:10.5px!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#39413B!important}
.bc-box .v{font-size:18px!important;font-weight:700!important;line-height:22.5px!important;margin:2px 0 0!important}
.bc-box .s{font-size:11.5px!important;color:#39413B!important}
.boxes{gap:10px!important;margin-bottom:14px!important}
table.rpt th,.rpt th{font-size:11px!important;font-weight:500!important;letter-spacing:.05em!important;padding:5.6px 8px!important;color:#39413B!important}
table.rpt td,.rpt td{padding:5px 8px!important;font-weight:500!important;line-height:21px!important}
.rpt td:first-child{font-weight:600!important}.rpt td.num,.rpt td.r{font-weight:600!important}.rpt tr.tot td{font-weight:700!important}
.rcard h3{font-size:15px!important;padding:10px 14px!important}
.btn{background:#fff;color:#193F33;border:1px solid #D9DED4;font-size:12.2px;font-weight:600;padding:5px 10px;min-height:32px}
.btn.pri,.btn.go{background:#193F33;color:#fff;border-color:#193F33}
.btn.ib{width:34px;height:34px;min-height:34px;padding:0}
.chips.wtabs{gap:18px!important;border-bottom:1px solid #E3E6DE;margin-bottom:12px;padding-bottom:0}
.chips.wtabs>.cchip{background:none!important;border:0!important;border-radius:0!important;padding:6px 0 8px!important;color:#39413B!important;font-weight:500!important;box-shadow:none!important;border-bottom:2px solid transparent!important;margin-bottom:-1px}
.chips.wtabs>.cchip.on{color:#193F33!important;font-weight:700!important;border-bottom-color:#193F33!important}
@media (min-width:641px){aside.side .nav{font-size:14.5px!important;font-weight:400!important;padding:6px 10px!important;min-height:0!important}aside.side .nav.on{font-weight:600!important}aside.side .grp,aside.side .gbtn{font-size:10.5px!important;letter-spacing:.08em!important;margin-top:10px!important}}
@media (max-width:640px){.boxes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.bc-box{padding:7px 8px!important;border-radius:12px!important}.bc-box .l{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-box .s{display:none}.bc-box .v{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.rpt td,.rpt td{padding:5px 6px!important}}

/* ===== 100% Livland sizes (Joseph, Oct 18: "should be 100% the same by size an */
.mcol{min-width:0}
@media (min-width:861px){.app{grid-template-columns:205px 1fr!important}
 .side{width:205px!important;padding:16px 9.6px 9.6px!important;gap:0!important}
 .logo{padding:0 0 11px!important}.lgf{width:108px!important;height:auto}.tgl{display:none!important}
 aside.side .nav{min-height:25px!important;height:25px!important;padding:2.88px 11.2px!important;font-size:13.12px!important;line-height:19.68px!important;gap:10.4px!important;border-radius:8px!important;font-weight:400!important}
 aside.side .nav .ic,aside.side .nav .ic svg{width:18px!important;height:18px!important;flex:0 0 18px}
 aside.side .nav.on{box-shadow:inset 3px 0 0 0 #E9EC90}
 .foot{font-size:11px}}
.tbar{display:flex;align-items:center;gap:4.8px;height:49px;box-sizing:border-box;padding:8.8px 32px;background:#fff;border-bottom:1.11px solid #D9DED4;position:sticky;top:0;z-index:30}
.tbar .tlg{display:none}.tbar .sp{flex:1}
.tbar .live,.tbar .sample{font-size:13px;white-space:nowrap}.tbar .sample{color:#37413B;margin-left:8px}
.tbar .btn.bell{width:29px!important;height:29px!important;min-height:0!important;padding:0!important;border-radius:10px!important;display:inline-flex;align-items:center;justify-content:center;position:relative}
main{padding:23px 40px 88px 36px!important}
.top{min-height:39px;gap:12px!important;margin-bottom:14px!important}
.top h1{font-size:26px!important;font-weight:800!important;line-height:39px!important;letter-spacing:-.26px!important;margin:0!important}
.btn{min-height:30px!important;font-size:12.16px!important;font-weight:600!important;padding:3.2px 9.6px!important;border-radius:10px!important}
.btn.ib{width:34px;height:34px;padding:0!important}
#main input:not([type=checkbox]):not([type=radio]):not([type=range]),#main select{height:34px!important;min-height:0!important;box-sizing:border-box;font-size:14px}
.chips.wtabs{min-height:36px;align-items:center}
#main table td{font-size:14px!important;padding:4.8px 8px!important}#main table th{font-size:11px!important}
body.tvfull .tbar,body.regmode.pg-reg .tbar,body.regmode.pg-sco .tbar{display:none!important}
@media print{.tbar{display:none!important}}
@media (max-width:860px) and (min-width:641px){.tbar{padding:8px 16px}}
@media (max-width:640px){
 .tbar{height:52px;padding:9.68px 12px 8.8px;background:#193F33;border-bottom:0;color:#fff}
 .tbar .tlg{display:block;height:20px;width:auto;margin-right:8px}
 .tbar .sample{display:none}.tbar .live{color:#E9EC90!important;font-size:12.5px}
 .tbar .btn.bell{background:transparent!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}
 main{padding:12.32px 16px calc(88px + env(safe-area-inset-bottom,0px)) 16px!important}
 .top{min-height:26px;margin-bottom:10px!important}
 .top h1{font-size:22px!important;line-height:26.4px!important;letter-spacing:-.22px!important}
 .btn{min-height:27px!important}
 #main table td{font-size:13.73px!important;padding:4.4px 7px!important}#main table th{font-size:9.86px!important}
 .tbar .live{background:transparent!important;border:0!important;color:#E9EC90!important}.tbar .live *{color:inherit!important}.tbar .live i{background:#7BE08F!important}
 #main input:not([type=checkbox]):not([type=radio]):not([type=range]),#main select{height:31px!important}
 .mob{height:75px;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom,0px)!important;gap:0!important;align-items:stretch}
 .mob button{font-size:12.32px!important;font-weight:600;padding:8.8px 0 7.92px!important;gap:3px!important;border-radius:0!important}
 .mob button .ic svg{width:22px;height:22px}}

/* ribbon (tablet upright + phone sideways) = … */
@media (min-width:641px) and (max-width:860px),(min-width:641px) and (max-height:520px){
 .app{grid-template-columns:64px 1fr!important}aside.side{width:64px!important;padding:10px 6px!important;gap:0!important}
 aside.side .gbtn span,aside.side .gbtn i,aside.side .tgl,aside.side .lgf,aside.side .foot{display:none!important}
 aside.side .nav{justify-content:center!important;padding:0!important;height:34px!important;min-height:34px!important}
 aside.side .nav .tx,aside.side .nav .ct{display:none!important}aside.side .nav .ic svg{width:18px;height:18px}
 aside.side .logo{padding:0 0 6px!important}aside.side .mk{width:36px;height:36px}}

/* side menu + phone bar = ONE flat dark green, no gradient (Joseph, Oct 18: "I */
@media (min-width:641px){aside.side,.side{background:#193F33!important}}
@media (max-width:640px){.tbar{background:#193F33!important}}
.chh{font-size:15px;font-weight:700;margin:18px 0 8px}
.logo[data-go],.tlg[data-go]{cursor:pointer}

/* ===== phone polish (Joseph, Oct 18: "boxes … */
#main table.rpt td,#main table td{vertical-align:middle}
#main select{padding-top:0!important;padding-bottom:0!important;line-height:normal!important}
.btn.ib:not(:empty){min-width:34px}
.nrow small,.qpg small{display:block}
[data-pgq] b small{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:2px}
/* no box inside a box: rows inside a card ar … */
.rcard .nrow,.needs .nrow{border:0!important;border-radius:0!important;border-bottom:1px solid #ECEEE7!important;box-shadow:none!important;padding:11px 4px!important;background:transparent!important}
.rcard .nrow:last-child,.needs .nrow:last-child{border-bottom:0!important}
.rcard .bc-box{border:0!important;box-shadow:none!important;background:#F3F5EF!important}
.rcard .lane{border-top:0!important;border-right:0!important;border-bottom:0!important;background:#F3F5EF!important;box-shadow:none!important}
.rcard .web{border:0!important;box-shadow:none!important}
@media (max-width:640px){
 .bc-box{text-align:left;overflow:hidden}
 .bc-box .l{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;line-height:1.15!important;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .bc-box .v{overflow:visible!important;text-overflow:clip!important}
 .rcard{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .rcard table{min-width:100%}
 #main>.ops2{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}#main>.ops2::-webkit-scrollbar{display:none}#main>.ops2>*{flex:none}
 #main>.seg{display:flex!important;width:100%}#main>.seg>button{flex:1 1 0;min-width:0;white-space:normal;line-height:1.15;padding:8px 4px!important;text-align:center}
 .onerow{flex-wrap:wrap!important}.onerow>.chips{flex:1 1 100%!important;min-width:0}
 .btn,.cchip{padding-left:10px;padding-right:10px}
 .rcard h3{flex-wrap:wrap;row-gap:6px}
}
@media (max-width:640px){.otabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.otabs::-webkit-scrollbar{display:none}.otabs>button{flex:none}}
@media (max-width:640px){.svg{grid-template-columns:repeat(2,minmax(0,1fr))!important}.kvt td{white-space:normal!important}.kvt td:first-child{width:38%;font-weight:600}}
@media (max-width:640px){
 table.tt td,table.tt th{padding-left:5px!important;padding-right:5px!important}table.tt td{font-size:12.5px!important}table.tt th{font-size:9px!important}
 .pcs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.pcs .find{grid-column:1/-1;width:100%}.pcs .btn{height:40px!important;justify-content:center}
 .pchelp{justify-content:center!important;text-align:center;width:100%}
}
.pcal>button{border:0!important;border-bottom:1px solid #ECEEE7!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}.pcal>button:last-child{border-bottom:0!important}
.ph-only{display:none}@media (max-width:640px){.ph-only{display:block}}
.rcard .fllanes>div{border-top:0!important;border-right:0!important;border-bottom:0!important;border-left-width:4px!important;background:#F3F5EF!important;box-shadow:none!important}
aside.side .nav .tx{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
/* 🖼 Item pictures — check list (Joseph, Oct 18) */
.ipxg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;padding:12px}
.ipxc{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line,#e3e7e5);border-radius:10px;padding:10px;min-width:0}
.ipxi{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;height:150px;background:#fff;border-radius:10px;overflow:hidden}
.ipxi img{max-width:100%;max-height:150px;object-fit:contain}
.ipxt{min-width:0}.ipxt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ipxb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.ipxb .btn:only-child{grid-column:1/-1}
img.ipxbig{display:block;max-width:100%;max-height:300px;margin:0 auto 12px;border-radius:10px;background:#fff;object-fit:contain}
.bc-box.on{outline:2px solid #193F33;outline-offset:-2px}
@media (max-width:640px){.ipxg{grid-template-columns:1fr 1fr;gap:8px;padding:8px}.ipxi{height:110px}.ipxi img{max-height:110px}.ipxb{grid-template-columns:1fr}}
.msg.me{min-height:0;background:none;max-width:78%;margin:0;padding-bottom:0} /* the Staff portal's .me rule must not touch my chat answers */
/* 💬 a conversation = a chat app screen like WhatsApp (Joseph, Oct 18) */
.cht{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--surface)}
.cth{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface)}
.cth .w{flex:1;min-width:0;display:flex;flex-direction:column}.cth .w b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cth .w .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cav{width:38px;height:38px;border-radius:22%;background:#193F33;color:#E9EC90;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none}
.cback{display:none;border:0;background:none;padding:4px;color:var(--fg);flex:none}
.cord{display:flex;gap:6px;overflow-x:auto;padding:6px 12px;border-bottom:1px solid var(--line);scrollbar-width:none}.cord .cchip{flex:none;white-space:nowrap;font-size:12px}
.cht .msgs{flex:1;min-height:0;max-height:none;background:var(--wa-bg);gap:6px;padding:12px}
.cht .msg{max-width:82%}
.cht .bub{position:relative;padding:7px 10px 6px;border-radius:10px;border:0;box-shadow:0 1px 1px rgba(0,0,0,.08);font-size:15px;line-height:1.35}
.cht .msg.me .bub{background:var(--wa-out)}
.cht .bub .bt{float:right;margin:8px 0 -3px 12px;font-size:11px;color:var(--muted);white-space:nowrap;line-height:1}
.cht .mt{display:none}
.csug{display:flex;gap:8px;overflow-x:auto;padding:8px 10px;background:var(--surface);border-top:1px solid var(--line);scrollbar-width:none}.csug::-webkit-scrollbar,.cord::-webkit-scrollbar{display:none}
.csug .cchip{flex:none;white-space:nowrap}
.cbar{display:flex;gap:8px;align-items:flex-end;padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px));background:var(--surface)}
.cbar textarea{flex:1;min-width:0;resize:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-size:16px;line-height:1.3;max-height:120px;background:var(--bg);color:var(--fg);height:44px}
.cbar select{flex:none;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);padding:0 6px;font:inherit;font-size:13px}
.csend{width:44px;height:44px;border-radius:10px;background:#193F33;color:#fff;border:0;display:grid;place-items:center;flex:none;cursor:pointer}
.ibx>.ibt{padding:0;overflow:hidden}
.modal.chatm{background:var(--bg)}
.modal.chatm .box{width:100%;max-width:none;height:100%;height:100dvh;max-height:none;padding:0;border-radius:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}
.modal.chatm .ibt{flex:1;display:flex;flex-direction:column;min-height:0}.modal.chatm .cht{flex:1;height:auto}
.modal.chatm .cback{display:block}.modal.chatm .ibt .msgs{max-height:none}
.cro{display:flex;gap:8px;align-items:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:13px}
/* night fixes (Joseph, Oct 19) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body [style*="color:#193F33"]:not([style*="background"]){color:var(--brand)!important}}:root[data-theme="dark"] body [style*="color:#193F33"]:not([style*="background"]){color:var(--brand)!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .bc-box .l{color:var(--muted)!important}:root:not([data-theme="light"]) body .mob .mct,:root:not([data-theme="light"]) body .ct{color:#0B1F15!important}}
:root[data-theme="dark"] body .bc-box .l{color:var(--muted)!important}:root[data-theme="dark"] body .mob .mct,:root[data-theme="dark"] body .ct{color:#0B1F15!important}
.sigpv{width:100%;height:170px;border:1px solid var(--line);border-radius:10px;background:#fff}
.cht .msg{flex-shrink:0}
.cday{align-self:center;flex-shrink:0;margin:6px 0}.cday span{display:inline-block;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.modal .row2>.field{min-width:0}.modal .row2 input{width:100%;min-width:0}
.cht .tk{font-weight:400;letter-spacing:-3px;margin-right:3px}.cht .tk.rd{color:#34B7F1}
.cht .bq{display:block;border-left:3px solid #193F33;background:rgba(0,0,0,.05);border-radius:6px;padding:4px 8px;margin:0 0 5px;font-size:13px;color:var(--muted);white-space:pre-wrap}
.crq{display:flex;gap:8px;align-items:center;padding:6px 10px 0;background:var(--surface)}.crq .bq{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crq .x{width:28px;height:28px;font-size:13px}
.cht [data-ibrq]{cursor:pointer}
/* 💬 chat = WhatsApp look (Joseph, Oct 19: "make the full ch … */
.cht{--wa-bg:#EFEAE2;--wa-in:#FFFFFF;--wa-out:#D9FDD3;--wa-tm:#667781;--wa-ink:#111B21;--wa-bar:#F0F2F5}
.cht .cth{background:#193F33;color:#fff;border:0;padding:8px 10px;gap:10px}
.cht .cth .w b{color:#fff;font-size:16px;font-weight:600}.cht .cth .w .small,.cht .cth .w .small.mut{color:rgba(255,255,255,.75)!important}.cht .cth .w .negv{color:#FFD2CC!important}
.cht .cth .btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}.cht .cback{color:#fff}.cht .cav{background:#E9EC90;color:#193F33}
.cht .msgs{background-color:var(--wa-bg);background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1.2px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.2px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;gap:2px;padding:10px 12px 12px}
.cht .msg{max-width:80%;margin-top:6px}.cht .msg+.msg.me,.cht .msg.me+.msg.me{margin-top:2px}.cht .msg:not(.me)+.msg:not(.me){margin-top:2px}
.cht .bub{background:var(--wa-in);color:var(--wa-ink);border-radius:8px;border-top-left-radius:0;padding:6px 8px 7px 9px;font-size:15px;line-height:1.38;box-shadow:0 1px .5px rgba(11,20,26,.13);overflow-wrap:anywhere}
.cht .msg.me .bub{background:var(--wa-out);border-top-left-radius:8px;border-top-right-radius:0}
.cht .msg:not(.me) .bub::before{content:"";position:absolute;top:0;left:-7px;border-top:8px solid var(--wa-in);border-left:8px solid transparent}
.cht .msg.me .bub::before{content:"";position:absolute;top:0;right:-7px;border-top:8px solid var(--wa-out);border-right:8px solid transparent}
.cht .bub .bt{font-size:11px;color:var(--wa-tm);margin:9px 0 -4px 14px}
.cht .tk.rd{color:#53BDEB}
.cht .cday span{background:#fff;color:#54656F;font-size:12.5px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;padding:5px 12px;border-radius:7px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.cht .bq{border-left-color:#06CF9C;background:rgba(11,20,26,.05);color:#54656F}
.cht .csug{background:var(--wa-bar);border-top:0;padding:8px 10px 2px}.cht .csug .cchip{background:#fff;border-color:transparent;box-shadow:0 1px .5px rgba(11,20,26,.13);font-weight:500}
.cht .cbar{background:var(--wa-bar);align-items:center}.cht .cbar textarea{background:#fff;border:0;border-radius:10px;font-size:16px;padding:11px 12px;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.cht .cbar select{background:#fff;border:0}.cht .csend{background:#193F33}
.cht .catt{flex:none;width:40px;height:44px;border:0;background:none;color:#54656F;display:grid;place-items:center;cursor:pointer}
.cht .cro{background:var(--wa-bar)}.cht .crq{background:var(--wa-bar)}.cht .cord{background:#fff}
.cht .bimg{display:block;max-width:240px;width:100%;border-radius:6px;margin:-2px -4px 4px;cursor:zoom-in}
.cht .bpdf{display:flex;gap:10px;align-items:center;background:rgba(11,20,26,.05);border-radius:6px;padding:8px 10px;margin:-2px -4px 4px;color:inherit;text-decoration:none;min-width:200px}
.cht .bpdf b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.cht .bpdf .ic{width:34px;height:40px;border-radius:4px;background:#E2533F;color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;flex:none}
.cht .catp{display:flex;gap:10px;align-items:center;padding:8px 10px 0;background:var(--wa-bar)}.cht .catp img{width:44px;height:44px;object-fit:cover;border-radius:6px}.cht .catp .w{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cht .catp .x{width:28px;height:28px;font-size:13px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cht{--wa-bg:#0B141A;--wa-in:#202C33;--wa-out:#005C4B;--wa-tm:#8696A0;--wa-ink:#E9EDEF;--wa-bar:#1F2C34}:root:not([data-theme="light"]) .cht .msgs{background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,.02) 1px,transparent 1.2px)}:root:not([data-theme="light"]) .cht .cday span,:root:not([data-theme="light"]) .cht .csug .cchip,:root:not([data-theme="light"]) .cht .cbar textarea,:root:not([data-theme="light"]) .cht .cbar select{background:#202C33;color:#E9EDEF}:root:not([data-theme="light"]) .cht .cth{background:#0F2A22}}
:root[data-theme="dark"] .cht{--wa-bg:#0B141A;--wa-in:#202C33;--wa-out:#005C4B;--wa-tm:#8696A0;--wa-ink:#E9EDEF;--wa-bar:#1F2C34}:root[data-theme="dark"] .cht .cday span,:root[data-theme="dark"] .cht .csug .cchip,:root[data-theme="dark"] .cht .cbar textarea,:root[data-theme="dark"] .cht .cbar select{background:#202C33;color:#E9EDEF}:root[data-theme="dark"] .cht .cth{background:#0F2A22}
/* customer card = WhatsApp contact info (Joseph, Oct 19) */
.cchead{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:4px 0 14px}.cchead b{font-size:21px;margin-top:6px}.cchead .mut{font-size:14px}
.cav.big{width:76px;height:76px;font-size:26px;border-radius:22%}
.ccacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-bottom:12px}
.ccbtn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#193F33;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}
.ccstats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:10px;margin-bottom:12px}
.ccstats>div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;min-width:0}.ccstats>div+div{border-left:1px solid var(--line)}.ccstats b{font-size:17px;white-space:nowrap}.ccstats span{font-size:11.5px;color:var(--muted);text-align:center;line-height:1.2}
.ccsec{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:4px 12px;margin-bottom:12px}.ccsec>.l{font-size:12px;color:var(--muted);padding:8px 0 6px}
.ccst{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px}
.ccrow{display:flex;gap:12px;align-items:flex-start;padding:11px 0}.ccrow+.ccrow{border-top:1px solid var(--line)}.ccrow svg{flex:none;margin-top:2px;color:var(--muted)}.ccrow .w{display:flex;flex-direction:column;min-width:0}.ccrow .l{font-size:12px;color:var(--muted)}.ccrow .v,.ccrow a{font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--fg)}.ccrow a{color:#165C3A;text-decoration:none}
.ccform{padding:12px}.ccform textarea,.ccform input{width:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ccbtn{color:var(--brand)}}:root[data-theme="dark"] .ccbtn{color:var(--brand)}
.cosel{display:flex;gap:10px;align-items:flex-start;padding:9px 0;cursor:pointer}.cosel+.cosel{border-top:1px solid var(--line)}.cosel input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:#193F33}.cosel .w{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.corow{display:flex;gap:6px;align-items:center;padding:6px 0}.corow+.corow{border-top:1px solid var(--line)}.coq{width:52px!important;flex:none;text-align:center}.cou{font-size:12px;color:var(--muted);width:30px;flex:none}.con{flex:1;min-width:0}.cop{width:62px;flex:none;text-align:right}.corow .x{width:30px;height:30px;font-size:13px;flex:none}
.cht .cth .btn{padding:6px 10px;font-size:13px}
.cow{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cow .con{width:100%}.cow .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* lighter, more compact chat (Joseph, Oct 19 … */
.cht{--wa-bg:#F6F4F0}
.cht .msgs{background-image:none;background-color:var(--wa-bg);padding:8px 10px;gap:0}
.cht .msg{margin-top:8px;max-width:80%}.cht .msg.cont{margin-top:2px}
.cht .bub{font-size:14.5px;line-height:1.32;padding:5px 8px 6px;box-shadow:0 1px .5px rgba(11,20,26,.08)}
.cht .msg.cont .bub{border-top-left-radius:8px;border-top-right-radius:8px}.cht .msg.cont .bub::before,.cht .msg.cont .bub::after{display:none}
.cht .bub .bt{font-size:10.5px;margin:7px 0 -3px 10px}
.cht .cday{margin:10px 0 2px}.cht .cday span{font-size:11px;padding:3px 9px;box-shadow:none}
.cht .cth{padding:6px 8px;gap:8px}.cht .cth .cav{width:34px;height:34px;font-size:13px}.cht .cth .w b{font-size:15px}.cht .cth .w .small{font-size:12px}
.cht .cth .btn{padding:6px 9px;font-size:12.5px;display:inline-flex;align-items:center;gap:5px;border-color:rgba(255,255,255,.3)}
@media (max-width:640px){.cht .cth .btn .lb{display:none}.cht .cth .btn{width:36px;height:34px;padding:0;justify-content:center}}
.cht .cord{padding:5px 8px}.cht .cord .cchip{font-size:12px;padding:4px 9px}
.cht .csug{padding:6px 8px 0}.cht .csug .cchip{font-size:13px;padding:5px 10px;min-height:0}
.cht .cbar textarea{font-size:16px;padding:9px 11px}.cht .csend{width:42px;height:42px}
.cht .msg[data-ibrq]{touch-action:pan-y}
.cht .csug.hide{display:none}.cht .cqrt.on{color:#193F33}
.cht .cth .cordb{position:relative}.cbdg{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:5px;background:#E9EC90;color:#193F33;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.cfb2{flex:none;border-color:#1FA855;color:#137a3c;display:inline-flex;align-items:center;gap:4px}
/* steady chat with the phone keyboard (Joseph, Oct 19: "the page is not stable" */
.modal.chatm{overflow:hidden;overscroll-behavior:none;touch-action:pan-y}
.modal.chatm .box{height:var(--vvh,100dvh)!important;position:fixed;left:0;right:0;top:var(--vvt,0px)}
.modal.chatm .cht,.modal.chatm .msgs{overflow-x:hidden}
.modal.chatm .cht .msgs{overscroll-behavior:contain}
/* New message + receipt request (Joseph, Oct 19) */
@media (max-width:640px){.ibnew{padding:0 10px;font-size:13px}}
.nmway{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.nmw{display:inline-flex;gap:5px;align-items:center;padding:4px 9px;border:1px solid var(--line);border-radius:8px;font-size:13px}.nmw.on{background:#193F33;color:#E9EC90;border-color:#193F33}
.nmic{display:flex;gap:4px;color:var(--muted);flex:none}
.nmbar{display:flex;gap:14px;align-items:center;margin-top:8px;font-size:13.5px;flex-wrap:wrap}.nmgrp{display:flex;flex-wrap:wrap;gap:6px}
.cht .rcask{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;border-radius:0;background:#FFF4D6;color:#5B4300;padding:9px 12px;font-size:13.5px;cursor:pointer;flex:none;border-bottom:1px solid #F1D48A;justify-content:flex-start}.cht .rcask b{color:#3d2c00}
/* lighter, smaller kind tag next to the name … */
.ibl .ib1 .ibk{font-size:10px;font-weight:600;padding:0 5px;line-height:16px;border-radius:5px;margin-left:6px;background:transparent!important;border:1px solid currentColor;opacity:.75}
.ibl .ib1 .ibk.r{color:#C2410C}.ibl .ib1 .ibk.y{color:#A16207}.ibl .ib1 .ibk.b{color:#2563EB}
.modal .ccsec .ccrow{align-items:center}.modal .ccsec .ccrow .cav{width:38px;height:38px;flex:none}
.modal .ccsec .ccrow .w{flex:1;min-width:0}.modal .ccsec .ccrow .w .l,.modal .ccsec .ccrow .w .v{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nmic{display:grid;grid-template-columns:repeat(3,20px);gap:4px;flex:none;align-items:center}.nmic i{display:grid;place-items:center;width:20px;height:20px;font-style:normal}.nmic i.off{visibility:hidden}.nmic svg{display:block}
.nmway{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto}.nmway .mut{font-size:12px}.nmw{height:30px;white-space:nowrap}.nmw svg{display:block}
.modal .ccrow .ibck{margin-right:2px}
/* iPhone: while a chat is open the page behind it can't mov … */
html.chatlock,html.chatlock body{overflow:hidden;height:100%;overscroll-behavior:none}
html.chatlock body{position:fixed;inset:0;width:100%}
.modal.chatm .msgs{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
.modal.chatm .cth{touch-action:none}.modal.chatm .csug{touch-action:pan-x}
/* smaller text (Joseph, Oct 19: "text could … */
.cht .bub{font-size:13.5px;line-height:1.3;padding:5px 8px 5px}.cht .bub .bt{font-size:10px;margin:6px 0 -3px 9px}
.cht .cth .w b{font-size:14px}.cht .cth .w .small{font-size:11.5px}.cht .cday span{font-size:10.5px}
.cht .csug .cchip{font-size:12.5px}.cht .rcask{font-size:12.5px}
.ibl .ib1 b{font-size:14.5px}.ibl .ibp{font-size:12.5px}.ibl .ibtm{font-size:11px}.ibl .cav.ibav{width:42px;height:42px;font-size:14px}
.ibl .feed li.ibi{padding:8px 12px;gap:11px}
/* compact Inbox top on the phone (Joseph, Oc … */
@media (max-width:640px){
 body.pg-inbox #main>.top{margin-bottom:6px;gap:8px}body.pg-inbox #main>.top h1{font-size:22px}
 body.pg-inbox #main>.top .live,body.pg-inbox #main>.top .sample{display:none}
 .ibsum.small{display:none}
 .ibwarn{padding:7px 10px;font-size:12.5px;margin-bottom:8px}
}
/* clean & light Inbox (Joseph, Oct 19 — all four picked): white list with thin */
body.pg-inbox{--ibg:#fff}
body.pg-inbox #main{background:#fff}
.ibl.rcard{background:#fff;border:0;box-shadow:none;border-radius:0;overflow:hidden;min-width:0}
.ibx{grid-template-columns:minmax(0,340px) minmax(0,1fr)}@media (max-width:860px){.ibx{grid-template-columns:minmax(0,1fr)}}
.ibl .feed li.ibi.urg{border-left:0!important;box-shadow:none!important}
.ibl .feed li.ibi{border-bottom:0;position:relative}
.ibl .feed li.ibi::after{content:"";position:absolute;left:64px;right:0;bottom:0;height:1px;background:#EEF0EC}
.ibl .feed li.ibi:last-child::after{display:none}
.ibl .cav.ibav{width:40px;height:40px;font-size:13px;font-weight:700;background:#EFF3EC;color:#3C6150}
.ibl .ibch{width:16px;height:16px;right:-3px;bottom:-3px;border-width:2px;border-radius:5px;opacity:.9}.ibl .ibch svg{width:9px;height:9px}
.ibl .ibtm{color:#8A958E;font-weight:500}.ibl .ibtm.negv{color:#C2410C;font-weight:600}
.ibi.un .ibtm{color:#1FA855;font-weight:600}
.ibdot{width:9px;height:9px;border-radius:3px;background:#1FA855;flex:none;margin-left:6px}
.ibi.un .ib1 b{font-weight:700}.ibl .ib1 b{font-weight:600}
.ibl .feed li.ibi.urg .ibav{box-shadow:none;background:#FDECEA;color:#B42318}
.ibl .feed li.ibi.sel{background:#F3F7F1}
@media (max-width:640px){
 body.pg-inbox .tbar .live,body.pg-inbox .tbar .sample{display:none}
 body.pg-inbox .tbar{height:auto;min-height:0;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px}
 body.pg-inbox .tbar .tlg{height:20px}
 .ibl .feed li.ibi::after{left:62px}
}
/* ✓ Done chats stay under All, lighter (Joseph, Oct 19: "done should come up by All") */
.ibl .feed li.ibi.ibdone .ib1 b,.ibl .feed li.ibi.ibdone .ibp{color:#8A958E}.ibl .feed li.ibi.ibdone .ibav{opacity:.6}
.ibl .ib1 .ibk.ibkd{color:#1F8A4C;display:inline-flex;align-items:center;gap:3px}
/* clean & light chat (Joseph, Oct 19: "make the chat page clean and light too") */
.cht{--wa-bg:#FFFFFF;--wa-in:#F1F3F0;--wa-out:#E4F4DD;--wa-bar:#FFFFFF}
.cht .cth{background:#fff;color:#14211A;border-bottom:1px solid #EEF0EC}
.cht .cth .w b{color:#14211A}.cht .cth .w .small,.cht .cth .w .small.mut{color:#7A867E!important}.cht .cth .w .negv{color:#C2410C!important}
.cht .cback{color:#193F33}.cht .cth .cav{background:#EFF3EC;color:#3C6150}
.cht .cth .btn{background:#F4F6F3;color:#193F33;border-color:transparent}
.cht .cth .cbdg{background:#1FA855;color:#fff}
.cht .msgs{background:#fff;background-image:none}
.cht .bub{box-shadow:none;border-radius:12px}.cht .bub::before,.cht .bub::after{display:none!important}
.cht .msg:not(.me) .bub{border-top-left-radius:12px}.cht .msg.me .bub{border-top-right-radius:12px}
.cht .bub .bt{color:#8A958E}
.cht .cday span{background:transparent;box-shadow:none;color:#8A958E;font-weight:600;letter-spacing:.04em}
.cht .csug{background:#fff;border-top:0}.cht .csug .cchip{background:#F4F6F3;box-shadow:none;border-color:transparent}
.cht .cbar{background:#fff;border-top:1px solid #EEF0EC}.cht .cbar textarea{background:#F4F6F3;box-shadow:none;border:0}
.cht .cbar select{background:#F4F6F3}.cht .cbar textarea:focus{outline:none;border:0!important;box-shadow:0 0 0 2px #D4E8CC}.cht .catt{color:#7A867E}.cht .csend{background:#193F33}
.cht .rcask{background:#FFF8E6;border-bottom:1px solid #F5E6B8}
.cht .cro{background:#F7F8F6}.cht .crq{background:#F7F8F6}
/* smaller corner buttons on the phone (Josep … */
@media (max-width:640px){
 .cht .cth{padding:6px 8px;gap:6px}.cht .cth .btn{width:32px!important;height:32px!important;padding:0!important;border-radius:9px}.cht .cth .btn svg{width:15px;height:15px}
 .cht .cback{width:30px}.cht .cback svg{width:20px;height:20px}.cht .cth .cav{width:32px;height:32px;font-size:12px}
 .cht .cbar{gap:4px}.cht .catt{width:32px;height:36px}.cht .catt svg{width:19px;height:19px}
 .cht .csend{width:36px!important;height:36px!important;border-radius:9px}.cht .csend svg{width:17px;height:17px}
 .cht .cbar textarea{padding:7px 10px;min-height:36px}
 .cht .cth .cbdg{min-width:15px;height:15px;font-size:10px;top:-5px;right:-5px}
}
/* WhatsApp-style ticks + "update his order?" bar (Joseph, Oct 19) */
.tk{display:inline-flex;vertical-align:-2px;color:#8A958E;letter-spacing:0;margin:0 0 0 3px;font-style:normal}.tk.rd{color:#53BDEB}.tk svg{display:block}
.ibp .tk{margin:0 3px 0 0;vertical-align:-1px}.cht .bub .bt .tk{margin-left:3px}.cht .msg.me .bub .bt .tk:not(.rd){color:#7FA08F}
.cht .chgask{display:flex;gap:10px;align-items:center;width:100%;background:#F2F8E8;border-bottom:1px solid #DCEBC6;padding:8px 12px;font-size:12.5px;color:#28412F;flex:none}
.cht .chgask .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cht .chgask .w b{font-weight:600;color:#193F33}
.cht .chgask .aidot{font-size:16px;line-height:1}.cht .chgask .chgl{display:flex;flex-wrap:wrap;gap:4px}
.cht .chgc{font-size:11.5px;padding:2px 7px;border-radius:6px;background:#fff;border:1px solid #DCEBC6;color:#28412F;white-space:nowrap}.cht .chgc.remove{color:#B3261E;border-color:#F2C9C5;text-decoration:line-through}
.cht .chgb{display:flex;gap:6px;flex:none}.cht .chgask .btn.sm{min-height:30px;padding:4px 10px;font-size:12.5px}.cht .chgask.ok{background:#EEF7EE}.cht .chgask.ok>svg{color:#1FA855}
.cht .chgc.note{color:#5B4300;border-color:#F1D48A;background:#FFF8E6}.cht .chgask .w .small{color:#4E6A57}
.chgsum{display:flex;flex-direction:column;gap:3px;background:#F2F8E8;border:1px solid #DCEBC6;border-radius:10px;padding:8px 10px;margin-bottom:10px;font-size:13px;color:#28412F}.chgsum b{font-size:12px;color:#193F33;text-transform:uppercase;letter-spacing:.04em}
.cht .bub a.blink{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:6px;background:rgba(25,63,51,.08);color:#193F33;font-weight:600;text-decoration:none;font-size:.95em}
/* sign-in screen of the apps + own Windows title bar (Joseph, Oct 19) */
#islGate{position:fixed;inset:0;z-index:2147483100;background:#193F33;display:grid;place-items:center;padding:16px;overflow:auto}
#islGate .igc{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:22px}#islGate img{width:190px;height:auto}
#islGate .igb{width:100%;background:#fff;color:#1B2420;border-radius:14px;padding:20px 18px}#islGate h2{margin:0 0 8px;font-size:20px}
#islGate input{width:100%;box-sizing:border-box;height:44px;font-size:16px}#islGate .acts .btn{width:100%;justify-content:center}
#deskWin{position:fixed;top:8px;right:12px;z-index:2147483200;display:flex;gap:6px;align-items:center}
#deskWin button{width:32px;height:32px;border:1px solid #D9DED4;border-radius:10px;background:#fff;color:#1B2420;display:grid;place-items:center;padding:0;cursor:default}
#deskWin button:hover{background:#F2F4EF}#deskWin button.x:hover{background:#e81123;border-color:#e81123;color:#fff}
#deskDrag{position:fixed;top:0;left:0;right:128px;height:8px;z-index:2147482999}
html.desk-own .tbar{padding-right:140px!important}html.desk-own .modal .box{padding-top:52px}
/* no scroll bars in the Island program — the … */
html.isl-desk,html.isl-desk *{scrollbar-width:none}html.isl-desk ::-webkit-scrollbar{width:0;height:0;display:none}
/* side menu like Livland's (Joseph, Oct 19): … */
aside.side .gbtn::before,aside.side .grp::before{display:none!important}
aside.side .mefoot{margin-top:auto;padding:12px 4px 4px;display:flex;flex-direction:column;gap:8px}
aside.side .mecard{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.06);color:#fff}
aside.side .meav{width:34px;height:34px;flex:0 0 34px;border-radius:22%;background:#E9EC90;color:#193F33;display:grid;place-items:center;font-weight:700;font-size:13px}
aside.side .mew{display:flex;flex-direction:column;min-width:0}aside.side .mew b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside.side .mew small{font-size:11px;color:#B9C9A8}
aside.side .meout{display:flex;align-items:center;justify-content:center;gap:8px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:transparent;color:#fff;font-size:13px;cursor:pointer}
aside.side .meout:hover{background:rgba(255,255,255,.08)}aside.side .meout svg{width:16px;height:16px;stroke:#fff}
.tvbars .rph{flex:1;height:100%;min-width:0}.tvbars .rph i{width:auto}.rph span{font-size:11px;line-height:16px}.rph i{bottom:20px}
/* side menu: main pages on top, the groups as 2-column icon tiles (Joseph, Oct 19) */
aside.side .ntop{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.12)}
aside.side .ngrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px 2px 6px}
aside.side .ntile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:6px 4px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer;text-align:center}
aside.side .ntile:hover{background:rgba(255,255,255,.12)}aside.side .ntile.on{background:rgba(233,236,144,.18);box-shadow:inset 0 0 0 1px rgba(233,236,144,.55)}
aside.side .ntile .ic svg{width:19px;height:19px;stroke:#fff;color:#fff}aside.side .ntile .tl{font-size:10.5px;line-height:1.2;color:#E6EDE2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
aside.side .ntile .ct{position:absolute;top:4px;right:5px;min-width:16px;height:16px;padding:0 4px;border-radius:5px;font-size:10px;line-height:16px;background:#E9EC90!important;color:#193F33!important}
@media (min-width:641px) and (max-width:860px),(min-width:641px) and (max-height:520px){aside.side .ngrid{grid-template-columns:1fr}aside.side .ntile{min-height:34px;background:transparent}aside.side .ntile .tl,aside.side .ntile .ct{display:none}aside.side .ntop{border:0}}
aside.side .mefoot{position:sticky;bottom:-16px;background:#193F33;padding-bottom:16px;margin-bottom:-16px;z-index:2}
/* the side-menu logo in Island lime, not white (Joseph, Oct 19) */
aside.side .logo img.lgf{filter:none!important}aside.side .logo img.mk{filter:none!important}
/* computer inbox a bit lighter (Joseph, Oct … */
@media (min-width:861px){
 .cht{--wa-in:#F7F8F6;--wa-out:#EEF7EA}
 .cht .bub{font-size:13.5px;line-height:1.4;padding:6px 10px 6px;color:#2A332D;border:1px solid #EEF0EC}
 .cht .msg.me .bub{border-color:#E1EFDA}
 .cht .msg .bub{max-width:min(640px,72%)}
 .cht .cth{padding-top:8px;padding-bottom:8px}.cht .cth .btn{background:#fff;border:1px solid #EEF0EC;font-weight:500}
 .ibl .ib1 b{font-weight:600;color:#1F2A23}.ibl .ibp{color:#7A867E}
 .ibt.rcard{box-shadow:none;border-color:#EEF0EC}
}
html body aside.side .nav.on .ct{color:#193F33!important}
.cht .unl{display:flex;justify-content:center;margin:10px 0 6px}.cht .unl span{font-size:11.5px;font-weight:600;color:#193F33;background:#EEF7EA;border-radius:8px;padding:3px 12px}
#rgExit{position:fixed;left:12px;bottom:12px;z-index:2147483050;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 8px;border:1px solid #D9DED4;border-radius:10px;background:rgba(255,255,255,.94);color:#193F33;font:600 13px Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}#rgExit:hover{background:#fff}
/* Live POS — the company at a glance (Joseph, Oct 19) */
body.pg-live .top h1{font-size:26px;letter-spacing:-.01em}
body.pg-live .boxes{gap:12px}
body.pg-live .bc-box{background:#fff;border:1px solid #E8EBE5;border-radius:14px;padding:14px 16px;box-shadow:none;text-align:left;transition:border-color .15s}
body.pg-live .bc-box:hover{border-color:#C9D6C0}
body.pg-live .bc-box .l{font-size:11px;letter-spacing:.06em;color:#7A867E;font-weight:600}
body.pg-live .bc-box .v{font-size:24px;font-weight:700;color:#14211A;margin:4px 0 2px}
body.pg-live .bc-box .s{font-size:12px;color:#7A867E}
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}
.gl{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #E8EBE5;border-radius:14px;text-align:left;cursor:pointer;color:#14211A}
.gl:hover{border-color:#C9D6C0}.gl .gli{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#EEF4EA;color:#193F33;display:grid;place-items:center}.gl.warn .gli{background:#FFF4D6;color:#8A5A00}
.gl .gli svg{width:19px;height:19px}.gl .w{display:flex;flex-direction:column;min-width:0}.gl .l{font-size:11px;color:#7A867E;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.gl b{font-size:15px;font-weight:700}.gl .s{font-size:11.5px;color:#7A867E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.needs.nc h3 .ncn{font-size:11px;font-weight:700;background:#FDECEA;color:#B3261E;border-radius:6px;padding:1px 7px}
.needs.nc .pad{padding:4px 10px 8px}
.needs.nc .nrow{display:flex;align-items:center;gap:10px;width:100%;min-height:0;padding:8px 6px;border:0;border-bottom:1px solid #F0F2EE;border-radius:0;background:transparent;text-align:left;cursor:pointer}
.needs.nc .nrow:last-of-type{border-bottom:0}.needs.nc .nrow:hover{background:#F7F8F6}
.needs.nc .nrow i{width:7px;height:7px;flex:0 0 7px;border-radius:2px}
.needs.nc .nrow .w{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}.needs.nc .nrow b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.needs.nc .nrow .w .small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.needs.nc .nmore{width:100%;margin-top:4px;padding:7px;border:0;border-radius:8px;background:#F4F6F3;color:#193F33;font-weight:600;font-size:12.5px;cursor:pointer}
html body .needs.nc .nrow{padding:7px 6px!important;min-height:0!important;height:auto!important}html body .needs.nc .nrow .w{flex-direction:row!important;align-items:baseline;gap:8px}html body .needs.nc .nrow .w>*{margin:0!important}
/* ▥ icon rail + pane (Joseph, Oct 19: option … */
@media (min-width:861px){.app{grid-template-columns:262px 1fr!important}
 html body aside.side{width:262px!important;padding:0!important;display:flex!important;flex-direction:row!important;gap:0!important;overflow:hidden}}
aside.side .rail{width:62px;flex:0 0 62px;background:#132F26;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;overflow-y:auto;scrollbar-width:none}
aside.side .rail .rmk{width:40px;height:auto;margin-bottom:12px;cursor:pointer}
aside.side .ri{width:50px;padding:7px 0 5px;border:0;border-radius:10px;background:transparent;color:#C9D4C0;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;position:relative}
aside.side .ri svg{width:20px;height:20px;stroke:currentColor}aside.side .ri small{font-size:9px;line-height:1;letter-spacing:.01em}
aside.side .ri:hover{background:rgba(255,255,255,.07);color:#fff}aside.side .ri.on{background:rgba(233,236,144,.18);color:#E9EC90;box-shadow:inset 0 0 0 1px rgba(233,236,144,.5)}
aside.side .ri.cur:not(.on)::after{content:none} /* one marker only: the area open in the menu … */
aside.side .pane{flex:1;min-width:0;display:flex;flex-direction:column;padding:14px 10px 12px;overflow-y:auto;scrollbar-width:none}
aside.side .pane .logo{display:flex;justify-content:center;padding:0 0 12px;cursor:pointer}aside.side .pane .logo img{width:120px;height:auto;display:block}
aside.side .pgt{font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:rgba(233,236,144,.65);margin:12px 4px 4px}
aside.side .pane .mefoot{position:static;margin-top:auto;padding-top:12px}
@media (min-width:641px) and (max-width:860px),(min-width:641px) and (max-height:520px){html body .app{grid-template-columns:64px 1fr!important}html body aside.side{width:64px!important;padding:0!important;display:flex!important}aside.side .pane{display:none}aside.side .rail{width:64px;flex-basis:64px}}
.tbr{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.tbr .bell{margin-left:0!important}
.tbi{position:relative;width:29px;height:29px;min-height:0;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid #E1E5DD;color:#193F33}
.tbi svg{width:17px;height:17px}.tbi.cur{background:#EEF4EA;border-color:#C9D6C0}
.tbi b{position:absolute;top:-6px;right:-6px;background:#C2362B;color:#fff;font-size:10.5px;line-height:15px;border-radius:6px;padding:0 4px}
.annb{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:0 0 12px;background:#FFF8E6;border:1px solid #F5E6B8;border-radius:14px;color:#3d2c00}.annb>svg{width:20px;height:20px;flex:none;color:#8A5A00}.annb .w{flex:1;display:flex;flex-direction:column;gap:2px}.annb b{font-weight:600;font-size:14px}.annb .small{color:#8A6A20}.annb .x{border:0;background:transparent;color:#8A6A20;font-size:15px;cursor:pointer;padding:4px 6px}
aside.side .plogo{margin-top:auto;display:flex;justify-content:center;padding:14px 2px 8px;cursor:pointer}aside.side .plogo img{width:110px;height:auto;opacity:.95}/* smaller again (Joseph, Oct 19: "the logo smaller") */aside.side .pane .plogo+.mefoot{margin-top:0}
/* opening screen the other way round (Joseph … */
html body #splash{background:#193F33!important;background-color:#193F33!important}html body #splash .spring text{fill:#E9EC90}html body #splash .spt{color:#E9EC90}
/* tables in cards never touch the card's edges (Joseph, Oct 19) */
html body .rcard table.rpt td:first-child,html body .rcard table.rpt th:first-child{padding-left:16px!important}html body .rcard table.rpt td:last-child,html body .rcard table.rpt th:last-child{padding-right:16px!important}html body .rcard .pad table.rpt td:first-child,html body .rcard .pad table.rpt th:first-child{padding-left:6px!important}
/* computer inbox: a wider conversation list — the screen has room (Joseph, Oct 19) */
@media (min-width:1100px){html body .ibx{grid-template-columns:minmax(0,clamp(380px,34%,520px)) minmax(0,1fr)!important}}
/* 📊 reports like Livland's (Joseph, Oct 19): tab words, per … */
.rtabs{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #E1E5DD;margin:2px 0 10px;padding:0 2px}
.rtabs button{flex:none;border:0;background:transparent;padding:8px 0;font:600 13.5px Inter,Arial,sans-serif;color:#4A554E;border-bottom:2px solid transparent;cursor:pointer}
.rtabs button.on{color:#193F33;border-bottom-color:#193F33}.rtabs button:hover{color:#193F33}
.prow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}.prow>.small{margin-right:2px}.prow .cchip{font-size:12.5px;padding:4px 10px}.prow .persel select{font-size:12.5px}
.rpt-card .rhd{text-align:center;padding:18px 12px 12px}.rhd .rco{font-size:13px;color:#4A554E}.rhd .rti{font-size:21px;font-weight:800;color:#193F33;margin:2px 0}.rhd .rdt{font-size:13px;color:#2A332D}.rhd .rbs{font-size:11px;color:#7A867E;margin-top:2px}
.rpt-card table.rpt tr.tot td{background:#EEF1EC;font-weight:700}.rpt-card table.rpt tr.gap td{color:#7A867E}
.rpt-card table.rpt th{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#4A554E}
.dkb>div{display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:0!important}.dkb>div>span{margin-top:4px}.dkb>div>span{order:-1}.dkb i{display:block;width:100%;border-radius:0}.dkb i.kd{background:#F0C46A!important;border-radius:6px 6px 0 0}.dkb i.ad{background:#A8D8E0!important}.lgk{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 3px 0 8px;vertical-align:-1px}.lgk.ad{background:#A8D8E0}.lgk.kd{background:#F0C46A}
/* 🗺 driver app — my route */
.drroute .drrh{display:flex;align-items:baseline;gap:10px;padding:2px 0}.drroute .drrh b{font-size:16px}.drroute summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none;padding:2px 0}.drroute summary::-webkit-details-marker{display:none}.drroute summary b{font-size:16px}
.drroute summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #7A867E;border-bottom:2px solid #7A867E;transform:rotate(45deg);align-self:center}.drroute[open] summary::after{transform:rotate(-135deg)}
.drmap{width:100%;height:auto;margin:10px 0 6px;display:block}
.drstops{list-style:none;margin:6px 0 10px;padding:0}.drstops li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #EEF0EC;cursor:pointer}.drstops li:last-child{border-bottom:0}
.drstops .n{width:26px;height:26px;flex:0 0 26px;border-radius:7px;border:2px solid #193F33;display:grid;place-items:center;font-weight:800;font-size:12px;color:#193F33;background:#fff}
.drstops li.nx .n{background:#E9EC90}.drstops li.dn .n{background:#1FA855;border-color:#1FA855;color:#fff}.drstops li.dn b{color:#7A867E}
.drstops .w{flex:1;min-width:0;display:flex;flex-direction:column}.drstops .w .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drgmap{display:flex;justify-content:center;width:100%;text-decoration:none}
@media (max-width:860px){html body .tbi{color:#fff;border-color:rgba(255,255,255,.35);background:transparent}html body .tbi.cur{background:rgba(255,255,255,.14)}}
/* a title-row button with words never squeezed into an icon square (Joseph, Oct 19) */
@media (min-width:641px){html body .btn.ib:has(>.bl){width:auto!important;min-width:0!important;padding:0 12px!important;gap:6px;display:inline-flex;align-items:center;white-space:nowrap}html body .top .btn+.btn{margin-left:6px}}
/* loading = white + green Island logo (Joseph, Oct 19) */
.ildr{display:flex;align-items:center;justify-content:center;padding:28px 0;background:transparent}.ildr img{width:34px;height:34px;animation:ildrS 1.1s linear infinite}@keyframes ildrS{to{transform:rotate(360deg)}}@keyframes ildrP{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}
/* tool buttons never squeezed — the search b … */
.otools{flex-wrap:nowrap!important}.otools .find{flex:1 1 160px!important;min-width:120px!important}.otools>.btn{flex:0 0 auto!important;white-space:nowrap!important}.otools>.btn .bl{white-space:nowrap}
@media (max-width:1150px){.otools>.btn .bl{display:none!important}.otools>.btn.ib:has(>.bl){width:34px!important;padding:0!important;justify-content:center}}
/* 🛒 Inbox = orders (Joseph, Oct 19): Chats | … */
.oisw{display:flex;gap:6px;margin:0 0 12px;padding:4px;background:var(--card,#fff);border:1px solid var(--line,#e5e7e1);border-radius:10px;width:max-content;max-width:100%}
.oisw button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:8px 14px;border-radius:8px;font:inherit;font-weight:600;color:var(--mut,#667);cursor:pointer;white-space:nowrap}
.oisw button.on{background:#1F5A3D;color:#fff}.oisw button b{font-size:12px;background:rgba(0,0,0,.08);padding:1px 6px;border-radius:6px}.oisw button.on b{background:rgba(255,255,255,.22)}.oisw b.rv{background:#E9EC90!important;color:#193F33!important}
.drbox{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin:0 0 12px;border-radius:10px;background:#F3F6E4;border:1px solid #DDE3B8}.drbox.wait{background:#FFF7E6;border-color:#F1DDB0}
.drbox .acts{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.drbox .acts .btn{white-space:nowrap}
.drbar{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);margin:8px;padding:10px 12px;border:1px solid #DDE3B8;background:#F3F6E4;border-radius:10px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.ibfc{display:flex;gap:6px;padding:0 10px 10px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.ibfc::-webkit-scrollbar{display:none}.ibfc .cchip{flex:none;white-space:nowrap;height:32px;padding:0 10px}.ibfc .cchip b{font-weight:700;opacity:.75;margin-left:2px}.ibfc .cchip.ibfq:not(.on){border-color:#9CC0E4;color:#1D4F86}@media(min-width:641px){.ibfc{flex-wrap:wrap;overflow:visible}}
.sxbar{display:flex;align-items:center;gap:10px;margin:8px;padding:10px 12px;border:1px solid #CFE0F0;background:#EEF5FB;border-radius:10px}.sxbar.uns{background:#FFF7E6;border-color:#F1DDB0}.sxbar.ok{padding:6px 12px;background:transparent;border-color:var(--line)}.sxbar .w{flex:1;min-width:0;display:flex;flex-direction:column}.sxbar .w b{overflow:hidden;text-overflow:ellipsis}.sxbar .sxb{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:640px){.sxbar{flex-wrap:wrap}.sxbar .sxb{width:100%;justify-content:flex-start}}
.drbar.wait{background:#FFF7E6;border-color:#F1DDB0}.drbar .w{flex:1;min-width:0;display:flex;flex-direction:column}.drbar .w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drbar .drgo{font-weight:700;color:#1F5A3D;white-space:nowrap}
@media (max-width:640px){.oisw{width:100%}.oisw button{flex:1;justify-content:center;padding:8px 6px}}
/* space between chat bubbles, also from the … */
.cht .msg.cont{margin-top:6px!important}
.acbox{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:0 0 10px;border-radius:10px;background:#EEF3FB;border:1px solid #D3DEF0}.acbox .w{flex:1;min-width:0;display:flex;flex-direction:column}.acbox .btn{white-space:nowrap;flex-shrink:0}
@media (max-width:640px){.acbox{flex-wrap:wrap}.acbox .btn{width:100%}}
/* 🗂 Order desk (Joseph, Oct 19): list · what the customer sent · the order */
.desk{display:grid;grid-template-columns:270px minmax(240px,300px) 1fr;gap:12px;height:calc(100vh - 200px);min-height:520px}
.desk>.rcard{margin:0;overflow:auto;min-width:0}
.dklt{display:flex;gap:6px;padding:10px;position:sticky;top:0;background:var(--card,#fff);z-index:1;border-bottom:0}.dklt .find{flex:1;min-width:0}.dklt select{max-width:120px}
.dkls{display:flex;flex-direction:column;gap:8px;padding:10px}
.dkmh{padding:12px 14px 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut,#667)}
.dsrc{padding:10px 14px 14px;border-bottom:1px solid var(--line,#eceee8)}.dsh{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut,#667);margin-bottom:8px}.dsh .sp{flex:1}
.dsrc audio{width:100%;height:36px;margin-bottom:8px}.dsplay{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.dst{line-height:1.7;font-size:14px}.dkl{cursor:pointer;border-radius:4px;padding:1px 2px}.dkl:hover{background:#E3F4F8}
.dkhl,.dkl.dkhl{background:#7FD0E3!important}tr.dkhl td{background:#7FD0E3!important}
.dkadd{display:flex;justify-content:center;padding:12px}
.dkr{display:flex;flex-direction:column}.dkh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line,#eceee8);position:sticky;top:0;background:var(--card,#fff);z-index:2}.dkh .sp{flex:1}.dkh .btn{white-space:nowrap;flex-shrink:0}.dkh select{max-width:150px}
.dkbody{padding:12px}
.dkacct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-bottom:12px}.dkf{display:flex;align-items:center;gap:8px;min-width:0}.dkf>span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut,#667);width:78px;flex-shrink:0}
.dkf input,.dkf textarea{flex:1;min-width:0;height:36px;padding:6px 10px;border:1px solid var(--line,#dfe2db);border-radius:8px;font:inherit;background:var(--card,#fff)}.dkf input[readonly]{background:#F4F5F2;color:var(--mut,#667)}
.dkf.dkc{grid-column:1/-1;align-items:flex-start}.dkf.dkc textarea{height:auto;min-height:44px}
.dkih{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font-size:13px;margin:4px 0 8px}
.dkit{margin:0;overflow:auto}.dkit table{min-width:760px}.dkit td,.dkit th{white-space:nowrap}.dkit td:nth-child(2){max-width:340px;overflow:hidden;text-overflow:ellipsis}.dkrow{cursor:pointer}.dkrow.dkp td:nth-child(2){color:#1F5A3D}
.dmn{font-weight:600}.dok,.dno{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:8px;vertical-align:middle}.dok{background:#3BA55C}.dno{background:#D9534F}
.dkchg{border:1px solid var(--line,#dfe2db);background:var(--card,#fff);border-radius:6px;width:24px;height:24px;margin-right:8px;cursor:pointer;font-size:13px;line-height:1;color:#1F5A3D}
.dkci{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border:1px solid var(--line,#e2e5de);border-radius:10px;background:var(--card,#fff);margin-bottom:6px;font:inherit;color:inherit;cursor:pointer}.dkci.on{border-color:#1F5A3D;background:#E8F1EB}.dkci .w{display:flex;flex-direction:column;min-width:0}
@media (min-width:1700px){.dkacct{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1200px){.desk{grid-template-columns:230px 260px 1fr}.dkacct{grid-template-columns:1fr}}
.drpic{display:block;margin-top:8px}.drpic img{width:180px;max-width:100%;border-radius:10px;border:1px solid var(--line,#e2e5de)}
/* order desk top rows, tidy (Joseph, Oct 19: … */
.dklt .find,.dklt select,.dkh select,.dkh .btn{height:36px;min-height:36px;border-radius:10px}
.dklt select,.dkh select{-webkit-appearance:none;appearance:none;border:1px solid var(--line,#dfe2db);background:var(--card,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231F5A3D' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;padding:0 30px 0 12px;font:inherit;font-weight:600;color:inherit;cursor:pointer}
.dklt select{width:auto;max-width:130px}.dkh select{min-width:130px}
.dklt .find{padding:0 12px}
.dkh{gap:8px;row-gap:8px;padding:12px 14px}.dkh>b.num{font-size:18px}.dkh .mut.num{font-size:14px}
.dkh .btn.ib{width:36px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
.dkh .btn.pri{padding:0 14px}
/* our own dropdown (Joseph, Oct 19) */
.dd{position:relative;flex-shrink:0}.ddb{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line,#dfe2db);border-radius:10px;background:var(--card,#fff);font:inherit;font-weight:600;color:inherit;cursor:pointer;white-space:nowrap}
.ddb b{font-size:12px;background:#E8F1EB;color:#1F5A3D;padding:1px 6px;border-radius:6px}.ddb svg{color:#1F5A3D}.dd.open .ddb{border-color:#1F5A3D;box-shadow:0 0 0 3px rgba(31,90,61,.12)}
.ddm{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;max-height:360px;overflow:auto;background:var(--card,#fff);border:1px solid var(--line,#dfe2db);border-radius:10px;box-shadow:0 12px 32px rgba(20,35,27,.16);padding:6px;z-index:50;display:flex;flex-direction:column;gap:2px}
.dklt .ddm{left:0;right:auto}
.ddi{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;white-space:nowrap}
.ddi:hover{background:#F0F5F1}.ddi.on{background:#E8F1EB;color:#1F5A3D;font-weight:700}.ddi .ck{width:14px;color:#1F5A3D;font-weight:800}.ddi .w{flex:1}.ddi b{font-size:12px;color:var(--mut,#667);font-weight:600}
.dklt .dd .ddb{max-width:150px}.dklt .dd .ddb span{overflow:hidden;text-overflow:ellipsis}
.desk>.dkl{overflow:visible!important;display:flex;flex-direction:column;min-height:0;position:relative;z-index:3}.dkl .dkls{flex:1;overflow:auto;min-height:0}.dkl .dklt{border-radius:10px 10px 0 0}
/* order list cards — smaller, more info (Joseph, Oct 19) */
.dkls{gap:6px!important;padding:8px!important}
.cfs{background:#FFF8E1}.cfs .small{color:#8A5A00!important;font-weight:600}.cfx{opacity:.55}
.ostbar{display:flex;align-items:center;gap:8px;margin:8px;padding:8px 10px;border:1px solid var(--line,#e2e5de);border-radius:10px;background:var(--card,#fff)}.ostbar .w{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;font:inherit;color:inherit;text-align:left;cursor:pointer;padding:0}
.ostbar .w>span{display:flex;flex-direction:column;min-width:0}.ostbar .w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ostbar .w svg{color:#1F5A3D;flex-shrink:0}.ostbar .btn{flex-shrink:0;white-space:nowrap}
.ostbar.ask{background:#EEF3FB;border-color:#C9D7EE}
/* order status colors — the same everywhere … */
.ost{display:inline-block;font-style:normal;font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap;vertical-align:middle}
.ost.s-review{background:#FFF1C2;color:#7A5500}.ost.s-wait{background:#FFE2C7;color:#8A4300}.ost.s-new{background:#ECE4FB;color:#5B3A9E}
.ost.s-pick{background:#DCEBFA;color:#1E4E7E}.ost.s-ready{background:#D9F2E3;color:#17643A}.ost.s-out{background:#DDE1F7;color:#2D3A8C}.ost.s-done{background:#ECEEEA;color:#5A645C}.ostbar .w b .ost{margin-left:4px}
.dkit input.dkpx{width:72px;height:30px;padding:2px 6px;border:1px solid var(--line);border-radius:8px;text-align:right;font:inherit;background:var(--card);color:inherit}.dkit tr.tot td{border-top:2px solid var(--line)}
.top .oisw.inl{width:auto;margin:0 4px 0 8px;padding:3px;flex:none}.top .oisw.inl button{flex:none;padding:6px 12px}
@media (max-width:640px){.top .oisw.inl{order:5;width:100%;margin:6px 0 0}.top .oisw.inl button{flex:1}.ibrow{flex-direction:column;align-items:stretch;gap:6px}}
.dklt.dklf{padding-top:0!important;border-bottom:1px solid var(--line,#eceee8);position:static;border-radius:0}.dklf .dd{flex:1;min-width:0}.dklf .dd .ddb{width:100%}
/* Orders + Chats on a computer = a fixed pag … */
@media (min-width:861px) and (min-height:540px){body.pg-orders #main,body.pg-inbox #main{padding-bottom:16px!important}html.desk-on,html.ibx-on{overflow:hidden}html.desk-on body.pg-orders,body.pg-inbox{overflow:hidden;height:100vh}}
/* the green sign-in / loading cover: window buttons see-thr … */
body.cover-on #deskWin button,body.cover-on #deskWin button{background:transparent!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}body.cover-on #deskWin button:hover,body.cover-on #deskWin button:hover{background:rgba(255,255,255,.12)!important}body.cover-on #deskWin button.x:hover,body.cover-on #deskWin button.x:hover{background:#e81123!important;border-color:#e81123!important}
@media (min-width:861px){.lvg2{align-items:stretch}.lvg2>.rcard:first-child{display:flex;flex-direction:column}.lvg2>.rcard:first-child>.bars,.lvg2>.rcard:first-child>div:last-child{flex:1 1 auto}} /* side by side only; stacked on a phone the chart keeps its own height */
.top .secbar{margin:0 4px 0 8px!important}.secbar{display:flex;gap:4px;margin:0 0 10px;padding:3px;background:var(--card,#fff);border:1px solid var(--line,#e5e7e1);border-radius:10px;width:max-content;max-width:100%;overflow-x:auto}.secbar button{border:0;background:transparent;padding:7px 14px;border-radius:8px;font:inherit;font-weight:600;color:var(--muted,#667);cursor:pointer;white-space:nowrap}.secbar button.on{background:#1F5A3D;color:#fff}
.ritc .rr-bar .rr-q,.tixc .rr-bar .rr-q{display:none!important}html body #main .ritc .rr-bar.rr-in{padding:0!important;margin:0!important;flex:none}html body #main .ritc .rr-bar,html body #main .tixc .rr-bar{justify-content:flex-end;padding:0 10px 6px!important;margin:0!important;min-height:0} /* these lists search the whole list on the server (box above) */
/* side menu tiles — same layout, cleaner design (Joseph, Oct 19: "layout good, */
@media (min-width:861px),(min-width:521px) and (min-height:521px){
aside.side .ngrid{gap:6px;padding:2px 2px 4px}
aside.side .ntile{height:auto;min-height:66px;gap:5px;padding:6px 4px;border-radius:10px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:background .15s,box-shadow .15s}
aside.side .ntile:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
aside.side .ntile .ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(233,236,144,.10);flex:none}
aside.side .ntile .ic svg{width:17px;height:17px;stroke:#E9EC90;color:#E9EC90}
aside.side .ntile .tl{font-size:11px;font-weight:500;line-height:1.15;color:#E6EDE2;-webkit-line-clamp:2;min-height:0}
aside.side .ntile.on{background:#E9EC90;box-shadow:none}
aside.side .ntile.on .ic{background:rgba(25,63,51,.12)}aside.side .ntile.on .ic svg{stroke:#193F33;color:#193F33}aside.side .ntile.on .tl{color:#193F33;font-weight:700}
aside.side .ntile.on .ct{background:#193F33!important;color:#E9EC90!important}
aside.side .pgt{display:flex;align-items:center;gap:8px;margin:14px 4px 6px}aside.side .pgt::after{content:"";flex:1;height:1px;background:rgba(233,236,144,.18)}
}
/* Chats + Orders desk fill the window to the … */
@media (min-width:861px) and (min-height:540px){body.pg-inbox .mcol,html.desk-on body.pg-orders .mcol{height:100vh;display:flex;flex-direction:column;overflow:hidden}
body.pg-inbox #main,html.desk-on body.pg-orders #main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.pg-inbox #main>*,html.desk-on body.pg-orders #main>*{flex:none}
body.pg-inbox #main>.ibx,body.pg-orders #main>.desk{flex:1 1 auto!important;height:auto!important;min-height:0!important}}
.rpt.rit1 td{padding-top:7px!important;padding-bottom:7px!important;white-space:nowrap}.rpt.rit1 td:first-child,.rpt.rit1 td:nth-child(2){white-space:normal}.rpt.rit1 td b{font-weight:600}
.dkih .dkrm{margin-left:auto;height:28px;padding:0 10px;font-size:12.5px}
/* Chats list = the same cards and width as the Orders list (Joseph, Oct 19) */
@media (min-width:861px){html body .ibx{grid-template-columns:300px minmax(0,1fr)!important;gap:12px}html body .desk{grid-template-columns:300px minmax(240px,300px) 1fr!important}}
.ibl .feed{display:flex;flex-direction:column;gap:6px;padding:8px 10px}
.ibl .feed li.ibi{border:1px solid var(--line,#e2e5de);border-left:3px solid #9DC5A8!important;border-radius:10px;padding:8px 10px!important;gap:10px!important;background:var(--card,#fff)}
.ibl .feed li.ibi::after{display:none!important}
.ibl .feed li.ibi{border-left-width:3px!important;border-left-style:solid!important}.ibl .feed li.ibi.todo,.ibl .feed li.ibi.un{border-left-color:#1FA855!important}.ibl .feed li.ibi.urg{border-left-color:#E5484D!important}.ibl .feed li.ibi.ibdone{border-left-color:#C9CEC6!important}
.ibl .feed li.ibi.sel{background:#E8F1EB!important;border-color:#1F5A3D;border-left-color:#1F5A3D!important}
.ibl .feed li.ibi .ibav{width:34px!important;height:34px!important;font-size:12px!important}
.ibl .feed li.ibi .ib1 b{font-size:14px}.ibl .feed li.ibi .ibp{font-size:12.5px}
.ibl .dklf .btn{height:36px;padding:0 12px;flex:none}
/* chat cards: the name keeps its room, VIP = ★ */
.ibl .feed li.ibi .ib1{gap:6px;overflow:hidden;min-width:0}.ibl .feed li.ibi .ib1>b{flex:1 1 auto;min-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibl .feed li.ibi .ib1>*:not(b){flex:none}.ibl .feed li.ibi .ib1>.ibk{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibl .feed li.ibi .ib1>.ibtm{flex:none;margin-left:auto}.ibl .feed li.ibi .stb .vt{display:none}
/* ☀ LIGHT side menu (Joseph, Oct 19: "let's … */
@media (min-width:641px){
html body aside.side,html body .side{background:#F4F7F1!important;border-right:1px solid #D9E0D4;box-shadow:2px 0 10px rgba(25,63,51,.06);position:sticky;top:0;align-self:start;height:100vh;height:100dvh;z-index:3} /* the side menu stays in place while the pag … */
html body aside.side .rail{background:#E9EFE4;border-right:1px solid #DCE3D7}
html body aside.side .ri{color:#4A5E52}html body aside.side .ri:hover{background:#E6EDE2;color:#193F33}
html body aside.side .ri.on{background:#1F5A3D;color:#fff;box-shadow:none}html body aside.side .ri.cur:not(.on){color:#1F5A3D;font-weight:700}
html body aside.side .pane{background:#F4F7F1}
html body aside.side .ntile{background:#fff;box-shadow:inset 0 0 0 1px #E1E7DC,0 1px 2px rgba(25,63,51,.04);color:#1B2B22}
html body aside.side .ntile:hover{background:#fff;box-shadow:inset 0 0 0 1px #B9C9B5,0 2px 6px rgba(25,63,51,.08)}
html body aside.side .ntile .ic{background:#E5EFE6}html body aside.side .ntile .ic svg{stroke:#1F5A3D;color:#1F5A3D}
html body aside.side .ntile .tl{color:#24352C}
html body aside.side .ntile.on{background:#1F5A3D;box-shadow:none}html body aside.side .ntile.on .ic{background:rgba(255,255,255,.16)}html body aside.side .ntile.on .ic svg{stroke:#fff;color:#fff}html body aside.side .ntile.on .tl{color:#fff}
html body aside.side .ntile .ct,html body aside.side .ntile.on .ct{background:#E9EC90!important;color:#193F33!important}
html body aside.side .pgt{color:#6B776F}html body aside.side .pgt::after{background:#E3E8DF}
html body aside.side .mefoot{background:#F4F7F1}
html body aside.side .mecard{border-color:#E1E7DC;background:#fff;color:#193F33}html body aside.side .mew small{color:#6B776F}
html body aside.side .meav{background:#1F5A3D;color:#fff}
html body aside.side .meout{border-color:#E3E8DF;color:#193F33}html body aside.side .meout svg{stroke:#193F33}html body aside.side .meout:hover{background:#F3F6EF}
}
.lvg2{margin-bottom:14px!important}.grid2>div>.rcard{margin-bottom:14px}
/* phone: Chats as compact as possible (RULE #1, Joseph's phone screenshot Oct 19) */
@media (max-width:640px){.ibl .dklt.dklf{display:none}.ibl .dklt{padding:6px 8px!important;gap:6px}.ibl .dklt .find{height:38px}.ibl .dklt .dd .ddb{height:38px}
.ibl .feed{padding:6px 8px;gap:5px}.ibl .feed li.ibi{padding:7px 9px!important;gap:9px!important}.ibl .feed li.ibi .ibav{width:30px!important;height:30px!important;font-size:11px!important}
.ibl .feed li.ibi .ib1 b{font-size:14.5px}.ibl .feed li.ibi .ibp{font-size:13px}.ibl .feed li.ibi .ibk{font-size:10.5px;padding:0 5px}.ibl .feed li.ibi .ibtm{font-size:12px}
.top .oisw.inl{margin:4px 0 0}.top .oisw.inl button{padding:6px 8px}}
.cfp{font-size:11px;font-weight:700;padding:1px 5px;border-radius:5px;margin-left:4px;white-space:nowrap}.cfp.hi{background:#E3F3EA;color:#17683E}.cfp.md{background:#FFF4D6;color:#8A5A00}.cfp.lo{background:#FDE8DC;color:#B4471A}
/* the order desk fits one screen (Joseph, Oc … */
@media (min-width:861px){html body .desk{grid-template-columns:250px 250px minmax(0,1fr)!important;gap:10px!important;font-size:13px}
html body .desk .dsrc,html body .desk .dsrc *{font-size:13px!important;line-height:1.45}html body .desk .dkmh,html body .desk .dsh,html body .desk .dsh *{font-size:11px!important}
html body .desk .dkit table.rpt td,html body .desk .dkit table.rpt th{padding:4px 5px!important;font-size:12.5px!important;white-space:normal!important}html body .desk .dkit table.rpt th{font-size:10px!important}
html body .desk .dkit .dmn{font-size:12.5px!important;white-space:normal}html body .desk .dkit .dkbr{font-size:11px!important}html body .desk .dkit td.dkask{font-size:12px!important;min-width:100px}
html body .desk .dkit .dkchg{width:22px;height:22px;font-size:11px}html body .desk .dkit input.dkpx{height:26px;width:58px}html body .desk .dkit .cfp,html body .desk .dkit .tag{font-size:10px!important}
html body .desk .dkr input,html body .desk .dkr .ddb{height:32px!important;font-size:13px!important}html body .desk .dkr textarea{min-height:40px!important;height:40px;font-size:13px!important}
html body .desk .dkr .rr-bar{margin:4px 0!important}html body .desk .dkih,html body .desk .dkih *{font-size:12.5px!important}html body .desk .dkr label,html body .desk .dkr .lbl{font-size:10.5px!important}}
.crg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.crc{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;border:1px solid var(--line,#e2e5de);border-radius:10px;background:var(--card,#fff);font:inherit;color:inherit;cursor:pointer;text-align:center}.crc:hover{border-color:#1F5A3D}
.crav{width:52px;height:52px;border-radius:22%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px;margin-bottom:4px}.crav.big{width:64px;height:64px;font-size:21px;margin:0}
.crc b{font-size:14px}.crc .crt{font-size:11px;color:#1F5A3D;background:#E8F1EB;padding:1px 7px;border-radius:6px;margin-top:4px}
.crph{display:flex;gap:14px;align-items:center;margin-bottom:12px}.crph>span:last-child{display:flex;flex-direction:column;gap:2px}.crph b{font-size:17px}
.crpa{justify-content:flex-start!important;flex-wrap:wrap;gap:8px}.cl-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:640px){.crg{grid-template-columns:1fr 1fr}.cl-f2{grid-template-columns:1fr}}
/* Customers fills the window too (Joseph, Oc … */
@media (min-width:861px) and (min-height:540px){body.pg-cust .mcol{height:100vh;display:flex;flex-direction:column;overflow:hidden}body.pg-cust #main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:16px!important}
body.pg-cust #main>*{flex:none}body.pg-cust #main>.grid2{flex:1 1 auto;min-height:0;margin-bottom:0}body.pg-cust #main>.grid2>*{min-height:0;overflow:auto;margin:0}body.pg-cust #main>.grid2>.rcard thead th{position:sticky;top:0;background:var(--card,#fff);z-index:1}}
.dsh-strip{display:flex;flex-wrap:wrap;gap:0;background:var(--card,#fff);border:1px solid var(--line,#e2e5de);border-radius:10px;margin-bottom:12px;overflow:hidden}
.dsh-strip>span{flex:1 1 150px;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-right:1px solid var(--line,#e2e5de)}.dsh-strip>span:last-child{border-right:0}
.dsh-strip small{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6B776F}.dsh-strip b{font-size:18px}.dsh-strip .dsh-big b{font-size:24px}.dsh-strip em{font-style:normal;font-size:11.5px;color:#6B776F}
.dsh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.dsh-b{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 12px;border:1px solid var(--line,#e2e5de);border-left:3px solid #9DC5A8;border-radius:10px;background:var(--card,#fff);font:inherit;color:inherit;cursor:pointer}
.dsh-b small{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6B776F}.dsh-b b{font-size:20px}.dsh-b em{font-style:normal;font-size:11.5px;color:#6B776F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsh-b.warn{border-left-color:#E9C46A}.dsh-b.bad{border-left-color:#E5484D}
.dsh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dsh-cards .rcard{margin:0}.dsh-c .rpt td{padding:5px 8px!important;font-size:13px}
@media (max-width:1100px){.dsh-cards{grid-template-columns:1fr 1fr}}@media (max-width:640px){.dsh-cards{grid-template-columns:1fr}.dsh-strip>span{flex-basis:45%;border-bottom:1px solid var(--line,#e2e5de)}}
.dsh-c .tvb{flex:1;position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.dsh-c .tvb i{display:block;width:70%;background:#1F5A3D;border-radius:4px 4px 0 0;position:relative;z-index:1}.dsh-c .tvb u{position:absolute;bottom:16px;width:90%;background:#E3E7DF;border-radius:4px 4px 0 0}.dsh-c .tvb em{font-size:10px;font-style:normal;color:#6B776F;margin-top:2px}
.dsh-cards>.needs{margin:0!important}
/* the dashboard on a PHONE = as compact as p … */
@media (max-width:640px){
.dsh-strip>span{flex:1 1 33%;padding:6px 8px}.dsh-strip small{font-size:9px;letter-spacing:.02em}.dsh-strip b{font-size:14px}.dsh-strip .dsh-big b{font-size:17px}.dsh-strip em{font-size:10px}
.dsh-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:8px}.dsh-b em,.dsh-strip em{display:none}.dsh-b{min-height:0;gap:0}.dsh-strip>span{flex:1 1 25%!important;border-bottom:1px solid var(--line,#e2e5de)}.dsh-b{padding:6px 7px;border-left-width:2px}.dsh-b small{font-size:8.5px;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsh-b b{font-size:15px}.dsh-b em{font-size:9.5px}
.dsh-cards{gap:8px}.dsh-c h3{font-size:14px!important;padding:8px 10px!important;min-height:0}.dsh-c h3 .btn{height:26px;padding:0 9px;font-size:12px}
.dsh-c .rr-bar{display:none!important}.dsh-c .rpt td{padding:4px 8px!important;font-size:12px!important;line-height:1.25}.dsh-c .rpt td:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;width:60%}
.dsh-c .rpt tr:nth-child(n+6){display:none}
html body #main .dsh-cards .dsh-c table.rpt td{font-size:12.5px!important;padding:5px 9px!important;line-height:1.25!important}html body #main .dsh-cards .dsh-c table.rpt td b{font-size:12.5px!important}html body #main .dsh-cards .dsh-c table.rpt td .small{font-size:10.5px!important}html body #main .dsh-cards .dsh-c h3{font-size:14px!important;padding:6px 10px!important;min-height:0!important}html body #main .dsh-cards .dsh-c h3 .btn{height:24px!important;min-height:0!important;padding:0 9px!important;font-size:12px!important}html body #main .dsh-cards .dsh-c table.rpt,html body #main .dsh-cards .dsh-c table.rpt tbody{display:block;width:100%}html body #main .dsh-cards .dsh-c table.rpt tbody{display:flex;flex-wrap:wrap;gap:4px;padding:7px 9px}html body #main .dsh-cards .dsh-c table.rpt tr{display:inline-flex!important;align-items:center;gap:5px;max-width:100%;border:1px solid var(--line,#e2e5de);border-radius:6px;padding:3px 7px;background:var(--bg2,#F4F6F2);cursor:pointer}html body #main .dsh-cards .dsh-c table.rpt td{display:inline;padding:0!important;border:0!important;font-size:11.5px!important;line-height:1.3!important;width:auto!important;max-width:none!important;white-space:nowrap}html body #main .dsh-cards .dsh-c table.rpt td b{font-size:11.5px!important}html body #main .dsh-cards .dsh-c table.rpt td .small{font-size:10px!important}html body #main .dsh-cards .dsh-c table.rpt td:first-child{max-width:150px!important;overflow:hidden;text-overflow:ellipsis}html body #main .dsh-cards .dsh-c table.rpt td.num{color:var(--muted,#6B776F)}html body #main .dsh-cards .dsh-c table.rpt td.num:last-child{color:inherit;font-weight:600}html body #main .dsh-cards .dsh-c table.rpt td.negv{color:#C62828!important}html body #main .dsh-cards .dsh-c .ost{font-size:10px;padding:0 5px}html body #main .dsh-cards .needs h3{font-size:14px!important;padding:6px 10px!important;min-height:0!important}html body #main .dsh-cards .needs .pad{padding:4px 10px!important}html body #main .dsh-cards .needs .nrow{padding:5px 0!important;min-height:0!important;font-size:12px!important}html body #main .dsh-cards .needs .nrow b{font-size:12px!important}html body #main .dsh-cards .needs .nrow .small{font-size:10.5px!important}html body #main .dsh-cards .needs li,html body #main .dsh-cards .needs .nr{font-size:12.5px!important}.dsh-cards .needs li,.dsh-cards .needs .nr{font-size:12px!important;padding-top:6px!important;padding-bottom:6px!important}}
/* PHONE = every list one line per row, small (Joseph, Oct 19: "make this everyt */
@media (max-width:640px){html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td{font-size:12.5px!important;padding:5px 7px!important;line-height:1.25!important;white-space:nowrap!important;vertical-align:middle}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt th{font-size:9.5px!important;padding:4px 7px!important;white-space:nowrap!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child{overflow:hidden;text-overflow:ellipsis;max-width:0;width:100%}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>div,html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>.small{display:inline!important;margin-left:6px;font-size:10.5px!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>div *{display:inline!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>div .hide-ph{display:none!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child b{font-weight:600}html body #main .rcard>h3{font-size:15px!important;padding:8px 12px!important;min-height:0!important}html body #main .boxes{gap:5px!important;margin-bottom:8px!important}html body #main .bc-box{padding:6px 8px!important;min-height:0!important}html body #main .bc-box .l{font-size:9px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body #main .bc-box .v{font-size:15px!important;line-height:1.25}html body #main .bc-box .s{display:none!important}html body #main .seg{margin-bottom:8px!important}html body #main .seg>button{flex:1 1 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;font-size:11.5px!important;padding:4px 5px!important;min-height:30px!important;line-height:1.1}html body #main .rr-bar{padding:6px 8px!important;gap:6px!important}html body #main .rr-bar input{height:30px!important;font-size:12.5px!important}html body #main .rr-bar button{width:30px!important;height:30px!important;min-height:0!important}}
/* PHONE = the whole app smaller (Joseph, Oct … */
@media (max-width:640px){html body #main{font-size:13px}html body main{padding:8px 10px calc(70px + env(safe-area-inset-bottom,0px)) 10px!important}html body .top{min-height:24px!important;margin-bottom:8px!important;gap:6px!important}html body .top h1{font-size:18px!important;line-height:24px!important}html body .top .btn.ib{width:28px!important;height:28px!important;min-height:0!important}html body .top .btn{min-height:26px!important;font-size:11.5px!important;padding:2px 8px!important}html body .tbar{height:44px!important;padding:6px 10px!important}html body .tbar .tlg{height:16px!important}html body .tbar .btn.bell{width:26px!important;height:26px!important}html body .tbar .btn.bell svg{width:15px;height:15px}html body #main .rcard{margin-bottom:8px!important;border-radius:10px}html body #main .rcard>h3,html body #main .rcard h3{font-size:13.5px!important;padding:6px 10px!important;min-height:0!important}html body #main .rcard h3 .btn{min-height:24px!important;height:24px!important;font-size:11.5px!important;padding:0 8px!important}html body #main .pad{padding:7px 10px!important;font-size:12px!important;line-height:1.35}html body #main .small{font-size:11px!important}html body #main input:not([type=checkbox]):not([type=radio]):not([type=range]),html body #main select{height:30px!important;font-size:13px!important;padding:0 9px!important}html body #main .otools{margin-bottom:6px!important;gap:5px!important}html body #main .btn{min-height:26px!important;font-size:11.5px!important}html body #main .btn.ib{width:28px!important;height:28px!important}html body #main .cchip,html body #main .chips>button{font-size:11.5px!important;padding:3px 8px!important;min-height:26px!important}html body #main .chips{gap:4px!important}html body #main .chips.wtabs{min-height:30px!important}html body #main .bc-box .v{font-size:14px!important}html body #main .rcard table.rpt td{font-size:12px!important;padding-top:4px!important;padding-bottom:4px!important}html body #main .irow{gap:7px!important}html body #main .irow .ipic{width:24px!important;height:24px!important;min-width:24px!important;border-radius:6px!important}html body #main .irow .ipic .ie{font-size:14px!important}html body #main .irow .ipic .ih{display:none!important}html body #main .ocard{padding:6px 9px!important;margin-bottom:5px!important;font-size:12px!important}html body #main .ocard .h{font-size:12.5px!important;gap:5px}html body #main .ocard .d{font-size:11px!important;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body #main .ocard .tag{font-size:10px!important;padding:0 5px!important}html body .mob{height:58px!important}html body .mob button{font-size:10.5px!important;padding:6px 0 5px!important;gap:2px!important}html body .mob .ic{height:18px!important}html body .mob button .ic svg{width:18px!important;height:18px!important}}
/* category tags on Items & prices (Joseph, Oct 19) — one scrolling row each, small */
.rtags{display:flex;gap:5px;overflow-x:auto;padding:0 12px 8px;scrollbar-width:none}.rtags::-webkit-scrollbar{display:none}.rtags.sub{padding-top:0}.rtag{flex:none;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border:1px solid var(--line,#e2e5de);border-radius:7px;background:var(--surface,#fff);font:inherit;font-size:12px;font-weight:600;color:inherit;white-space:nowrap;cursor:pointer}.rtag i{font-style:normal;font-weight:500;font-size:10.5px;color:#6B776F}.rtag.on{background:#1F5A3D;border-color:#1F5A3D;color:#fff}.rtag.on i{color:#fff;opacity:.8}.rtags.sub .rtag{height:23px;font-size:11px;font-weight:500;background:#F4F6F2}.rtags.sub .rtag.on{background:#2E7D4F;border-color:#2E7D4F;color:#fff}
/* PHONE lists even smaller + the name column wider (Joseph, Oct 19: "make the c */
@media (max-width:640px){html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td{font-size:11.5px!important;padding:3.5px 4px!important;line-height:1.2!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child{padding-left:8px!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:last-child,html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt th:last-child{padding-right:8px!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt th{font-size:8.5px!important;padding:3px 4px!important;letter-spacing:0!important;line-height:1.1}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt th:not(:first-child){white-space:normal!important;max-width:44px}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt th:first-child{padding-left:8px!important}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>div,html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child>.small{font-size:10px!important;margin-left:4px}html body #main .rcard:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td .small{font-size:10px!important}html body #main .irow .ipic{width:20px!important;height:20px!important;min-width:20px!important}html body #main .irow .ipic .ie{font-size:12px!important}}
/* 📹 Cameras (Joseph, Oct 20) — tiles 16:9, l … */
.icgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:12px}.icgrid.sm{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding:8px;margin:0}.ictile{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line,#e2e5de);border-radius:10px;overflow:hidden;background:var(--surface,#fff);font:inherit;color:inherit;text-align:left;cursor:pointer}.icpic{position:relative;display:block;aspect-ratio:16/9;background:#0E1A14;overflow:hidden}.icpic img,.icpic video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.icpic video{opacity:0;transition:opacity .25s}.icpic.playing video{opacity:1}.icpic.playing:after{content:"LIVE";position:absolute;left:6px;top:6px;font-size:9px;font-weight:700;letter-spacing:.06em;color:#fff;background:#C62828;border-radius:4px;padding:1px 5px}.icn{font-size:12px;font-weight:600;padding:5px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icn i{font-style:normal;color:#C62828;font-weight:500}.ictile.off .icpic{opacity:.45}.icfs{position:fixed;inset:0;z-index:300;background:#000;display:flex;flex-direction:column}.icfst{display:flex;align-items:center;gap:10px;padding:8px 12px;color:#fff;background:#0E1A14}.icfst b{font-size:15px}.icfst .small{color:#cfd8d2!important}.icfl{font-size:10px;font-weight:700;background:#C62828;color:#fff;border-radius:4px;padding:1px 6px}.icfsb{position:relative;flex:1;min-height:0}.icfsb img,.icfsb video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* the loading logo inside the camera window stays small (Joseph, Oct 20) */
.icfsb .ildr img{position:static;inset:auto;width:34px;height:34px}.icfsb video{opacity:0}.icfsb.playing video{opacity:1}@media (max-width:640px){.icgrid{grid-template-columns:1fr 1fr;gap:5px}.icgrid.sm{grid-template-columns:1fr 1fr;padding:6px}.icn{font-size:10.5px;padding:3px 6px}}
.dsh-c .rr-bar{display:none!important} /* dashboards = a glance: no list bar on their cards (phone AND computer) */
html body #main .rcard>table.rpt,html body #main .rcard .rpt-wrap>table.rpt{width:100%} /* every list fills its card (Oct 20: Sales t … */
html body #main .rcard.tixc:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:first-child{width:1%!important;max-width:none!important;white-space:nowrap}html body #main .rcard.tixc:not(.dsh-c):not(.dkit):not(.dkl) table.rpt td:nth-child(2){width:100%;max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* Sales tickets: time narrow, the customer gets the room */
[data-dash]{cursor:pointer}.dsh-strip>span[data-dash]:hover,.dsh-c .tvb[data-dash]:hover{background:rgba(31,90,61,.05)}
.hvs{display:inline-flex;align-items:center;gap:5px}.hvs .btn{min-width:26px;padding:0 6px!important}
/* top bar: every button the SAME size, profi … */
html body .tbar .tbi,html body .tbar .btn.bell,html body .tbar .tbav{width:30px!important;height:30px!important;min-width:30px!important;min-height:0!important;padding:0!important;box-sizing:border-box}html body .tbar .tbav{font-size:11.5px!important}@media (max-width:640px){html body .tbar .tlg{height:23px!important;width:auto!important}}
/* a card holding a drop-down list lets the l … */
html body .rcard.ddc{overflow:visible}
html body .rcard.ddc .ddm{left:0!important;right:auto!important;max-width:calc(100vw - 32px)}
/* reply bar off the bottom edge (Joseph, Oct 20) */
html body .cht .cbar{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px))!important}
html.kbopen body .cht .cbar{padding-bottom:8px!important}
.rlt .rlx{width:28px;height:28px;padding:0!important;min-width:0}.rlt td,.rlt th{padding-left:4px!important;padding-right:4px!important}
.rlt input.rlg{width:52px;height:32px;padding:4px 6px;text-align:right;border:1px solid var(--line);border-radius:8px;font:inherit}
.aptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:10px}.aptile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--fg);font:inherit;cursor:pointer}.aptile b{font-size:14px}.aptile span{font-size:12px;color:var(--muted)}.aptile svg{color:#1F5A3D}
@media (max-width:640px){.aptiles{grid-template-columns:1fr 1fr;padding:6px;gap:5px}.aptile{display:grid;grid-template-columns:20px 1fr;column-gap:7px;row-gap:0;align-items:center;padding:7px 8px}.aptile svg{grid-row:span 2;width:18px;height:18px}.aptile b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aptile span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
input[data-depcol]{width:64px!important;height:36px!important;padding:2px!important;border-radius:8px}.depdot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;vertical-align:middle}.depcats{display:flex;flex-wrap:wrap;gap:5px;max-height:300px;overflow:auto}
.flsteps{margin-bottom:10px;flex-wrap:wrap}.flbub{background:#E7F7DC;border-radius:10px;padding:10px 12px;font-size:14px;max-width:92%}
.flord{border:1px solid var(--line);border-left:4px solid #193F33;border-radius:10px;padding:9px 11px;margin-top:6px}.flord.meat{border-left-color:#D22630}
.fltks{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.fltk{background:#fff;border:1px dashed #9aa39c;border-top:5px solid var(--dc);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.fltk.ok{border-style:solid;border-color:#1F8A4C;border-top-color:var(--dc)}
.fltkh{display:flex;align-items:center;gap:6px}.fltkh b{color:var(--dc)}.fltkl{font-size:13px}.fltk .bars,.fltk svg{max-height:34px}.flrc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flrc iframe{width:100%;height:760px;border:1px solid var(--line);border-radius:10px;background:#fff}
@media (max-width:640px){.flrc{grid-template-columns:1fr}.fltks{grid-template-columns:1fr 1fr;gap:6px}.fltk{padding:7px;font-size:12px}.fltk .bars,.fltk svg{max-height:20px}.fltkl{font-size:12px}}
.flsum{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px}.flst{font-size:12.5px;font-weight:700;padding:5px 9px;border-radius:8px}.flst.ok{background:#E3F4E8;color:#1F7A44}.flst.wt{background:#FFF4D6;color:#8A5A00}.flst.dn{background:#EEF1EC;color:#4B5A51}
tr.fldr.ok td:first-child{box-shadow:inset 4px 0 0 #1F8A4C}tr.fldr.wt td:first-child{box-shadow:inset 4px 0 0 #E0A800}tr.fldr.dn{opacity:.6}
.dphd{display:flex;align-items:center;gap:8px;border-left:5px solid var(--dc);padding:6px 10px;margin-bottom:8px;background:#fff;border-radius:10px}.dphd b{color:var(--dc);font-size:17px}
html body .aptile.dpt{display:flex!important;flex-direction:column;align-items:flex-start;gap:2px;padding:10px}html body .aptile.dpt b{font-size:14px;white-space:normal}html body .aptile.dpt span{white-space:normal}.dptkl input{width:62px!important;height:30px;padding:3px 6px;margin-left:6px;border:1px solid var(--line);border-radius:8px;text-align:right}
.dppin{font-size:24px;letter-spacing:8px;margin-bottom:10px}.dpkeys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dpkeys .btn{height:46px;font-size:18px}
.dptk{background:#fff;border:1px solid var(--line);border-left:5px solid var(--dc);border-radius:10px;padding:10px 12px;margin-bottom:8px}.dptk.ready{opacity:.65}.dptkh{display:flex;align-items:center;gap:8px}.dptkl{font-size:14px;margin-top:4px}tr.dplow td{background:#FFF4D6}
.deplogo{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.deplogo img{height:48px;max-width:180px;object-fit:contain}.deplg{height:22px;max-width:70px;object-fit:contain;margin-right:7px;vertical-align:middle}.dplg{max-width:130px;object-fit:contain}
.cosplit{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}.cosplit .cosm{color:#D22630}.cosplit i{grid-column:1/-1;font-style:normal;font-size:11px;color:var(--muted)}.rcp2{display:flex;flex-direction:column;gap:10px}.rcut{text-align:center;font-size:11px;color:var(--muted)}.rcpt.rcmeat{border-top:4px solid #D22630}.rcpt.rcmeat b{color:#D22630}@media print{.rcut{break-after:page;visibility:hidden}}
.tspic{background:linear-gradient(135deg,#132F26,#1E4A3B)!important;color:#fff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tspic b{font-size:28px;color:#E9EC90}.tspic i{font-style:normal;font-size:12px;opacity:.85}.tspic em{font-style:normal;font-size:12px;font-weight:700;background:rgba(255,255,255,.14);padding:3px 8px;border-radius:8px}.ictile.off .tspic b{color:#9AA79F}
.tdot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:0;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.tspt{border-top:4px solid var(--tc,transparent)!important}.tpl{font-weight:600;font-size:12px;opacity:.8;margin-left:6px}/* ONE green box in the side rail = the list that is open; the page you are on g */
html body aside.side .ri.cur:not(.on){color:#4A5E52;font-weight:400}html body aside.side .ri.cur:not(.on) small{font-weight:inherit}
/* 🧭 Order desk — clearer layout (Joseph, Oct 21) */
.dksteps{display:flex;align-items:center;gap:4px;padding:10px 14px 0;flex-wrap:wrap}.dksteps i{flex:0 0 14px;height:2px;background:#DDE3D8}
.dks{font-size:12px;font-weight:600;color:#8A968E;padding:4px 9px;border-radius:7px;background:#F1F4EE;white-space:nowrap}.dks.done{color:#1F5A3D;background:#E3F0E6}.dks.cur{color:#fff;background:#1F5A3D}
.dkwho{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line,#E5E7E1);border-radius:10px;background:var(--card,#fff);margin-bottom:10px;font-size:14px}.dkwho>span:not(.sp):not(.tag):not(.dkwn){color:#55625A}
.dknote{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#FFF8E6;border:1px solid #F1E2B8;margin-bottom:10px;cursor:pointer;font-size:14px;line-height:1.4}.dknote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dknote.full span{display:block}
.dkit .dkih{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line,#E5E7E1)}
.dkit .dkrow td{vertical-align:middle}.dkit .dkrow.dkneed{background:#FFFBEA}.dkit .dkrow td:nth-child(2){position:relative}.dkpr{padding-right:34px}.dkit .dkchg{position:absolute;right:6px;top:50%;transform:translateY(-50%)}
.dkit{overflow-x:auto}.dkit .rpt{width:100%;min-width:0}.dkit .rpt td,.dkit .rpt th{padding-left:8px;padding-right:8px}.dkit .dkask{width:30%}.dkit .rpt td.num,.dkit .rpt th.r{white-space:nowrap!important;width:1%}.dkit .dmn{font-weight:600}.dkit .dkask b{font-weight:600}
.dkbar{position:sticky;bottom:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;background:var(--card,#fff);border-top:1px solid var(--line,#E5E7E1);box-shadow:0 -4px 12px rgba(0,0,0,.04);z-index:2;font-size:15px}.dkbar b{font-size:18px}
.demotag{margin-left:10px;border:0;border-radius:6px;background:#E9EC90;color:#193F33;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;padding:5px 8px;cursor:pointer}
.tmapbox{padding:0 12px 12px}.tmap{height:360px;border-radius:10px;overflow:hidden;background:#dde3d6}@media(min-width:861px){.tmap{height:460px}}.tmk b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#123;font-weight:800;font-size:14px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.45)}.tmk.off b{opacity:.55;filter:grayscale(.6)}.tmk i{position:absolute;left:36px;top:6px;white-space:nowrap;font-style:normal;font-size:11px;font-weight:700;background:#fff;color:#123;padding:1px 5px;border-radius:5px}.tmpop .acts{display:flex;gap:6px;margin-top:6px}.tmpop .tpic{float:left}.tpic{object-fit:cover;border-radius:8px;vertical-align:middle;background:#eee}.tpic.sm{width:44px;height:30px;margin-right:8px;float:left}.tpic.hd{width:40px;height:28px;margin-right:8px}
.tspic{position:relative;overflow:hidden}.tspic>b,.tspic>i,.tspic>em{position:relative;z-index:1}.tspic .tlv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.tspic .tlv.on{opacity:.75}
.tspic{background-size:cover!important;background-position:center!important;text-shadow:0 1px 3px rgba(0,0,0,.6)}.tspg{display:grid!important;grid-template-columns:1fr;gap:8px;padding:8px;overflow:auto;align-content:start}@media(min-width:861px){.tspg{grid-template-columns:1fr 1fr}.tspg.one{grid-template-columns:1fr}
/* computer: the front camera big, driver cab … */
@media(min-width:861px){.tspg:not(.one){grid-template-columns:2fr 1fr!important}.tspg:not(.one)>.tspc:first-child{grid-row:span 2}.tspg:not(.one)>.tspc:first-child:not(.tspbig){min-height:0}}
.tspg .tspc[data-tspbig]{cursor:zoom-in}.tspg .tspc.max{position:fixed!important;inset:0;z-index:400;border-radius:0;aspect-ratio:auto!important;height:100vh!important;width:100vw;cursor:zoom-out;background:#000}.tspg .tspc.max video{height:100%!important;object-fit:contain}.tspg.one .tspc:not(.tspbig){max-height:70vh}}.tspc{position:relative;background:#000;border-radius:10px;overflow:hidden;aspect-ratio:16/9}.tspg .tspc video{position:static!important;opacity:1!important;width:100%;height:100%;object-fit:contain;display:block}.tspg{overflow:auto!important;grid-auto-rows:max-content}.tspg .tspc{min-height:0;height:auto;flex-shrink:0}.tspg .tspc:not(.tspbig){aspect-ratio:16/9;min-height:calc((100vw - 16px) * 9 / 16)}@media(min-width:861px){.tspg .tspc:not(.tspbig){min-height:0}}.tspl{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;font-weight:700;padding:3px 7px;border-radius:6px}.tsps{position:absolute;inset:auto 0 0 0;padding:8px;color:#C9D4C0;font-size:13px;text-align:center}.tsps.ok{display:none}
.tsps{text-shadow:0 1px 3px #000}.tspv .icfst a.btn{background:#fff}
.tsprec{grid-column:1/-1;background:#fff;border-radius:10px;padding:12px;color:var(--fg)}.tsprh{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.tsprh .small{color:var(--muted)}.tsprl{padding:12px 0}.tsprlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-top:10px;max-height:40vh;overflow:auto}.tsprc{border:1px solid var(--line);border-radius:10px;background:#fff;padding:7px 6px;font:inherit;font-weight:700;font-size:13px;color:var(--fg);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.tsprc i{font-style:normal;font-weight:500;font-size:11px;color:var(--muted)}.tsprc.al{border-color:#F2B84B}.tsprc.on{background:#193F33;color:#fff}.tsprc.on i{color:#E9EC90}.tspbig{margin-top:10px}.tspal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;max-height:30vh;overflow:auto}.tspal .tsprc{align-items:flex-start;text-align:left}.tspal .tsprc b{font-size:13px}
.live-dot{display:inline-block;width:7px;height:7px;border-radius:2px;background:#5BC27A;margin-left:4px;vertical-align:middle;animation:ldp 1.6s ease-in-out infinite}@keyframes ldp{50%{opacity:.35}}
/* Reports = Livland's cards (Moses, Oct 19) */
.rcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0 0 8px}.rcats button{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;padding:.32rem .3rem;font:inherit;font-weight:600;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.rcats button.on{background:#1F5A3D;border-color:#1F5A3D;color:#fff}
@media (min-width:861px){.rcats{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* item window: one line per sale, details on one line (Moses, Oct 19) */
.ith-d{padding:2px 4px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ith1 td{white-space:nowrap}.ith1 .ith-c{max-width:9rem;overflow:hidden;text-overflow:ellipsis}
/* ML = my profile, top right (Moses, Oct 19) */
html body .tbar .tbav{width:38px;height:38px;min-width:38px;padding:0;border-radius:22%;background:#1F5A3D;border:1px solid rgba(255,255,255,.35);color:#fff!important;font-weight:700;font-size:13px;display:inline-grid;place-items:center;margin-left:2px}
.lookrow{display:flex;gap:8px;padding:4px 14px 12px}.lookrow .cchip{flex:1;justify-content:center}html body .lookrow .cchip.on{background:#1F5A3D!important;color:#fff!important;border-color:#1F5A3D!important}.tools-r .ccrow .w{flex:1;min-width:0}.tools-r .ccrow>.mut:last-child{margin-left:auto;padding-left:8px}
.pkadv{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:8px 0 6px;padding:8px 10px;border-radius:10px;border:1px solid var(--line,#E5E7EB);background:var(--surface,#fff);font-weight:700;font-size:14px;text-align:left;cursor:pointer}.pkadv span{font-weight:500;font-size:12px;opacity:.8}.pkadv.go{border-color:#2E7D32;color:#1B5E20;background:#EEF7EE}.pkadv.wait{border-color:#E0A800;color:#7A5B00;background:#FFF8E1}.dpeta{align-items:center;gap:6px;margin:6px 0}.pkadv .pkdp{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;opacity:1}.pkadv .pkdp em{font-style:normal;font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.75);color:#33433A;border:1px solid rgba(0,0,0,.08)}.pkadv .pkdp em.ok{color:#1B5E20}.pkadv .pkdp em.late{color:#7A2E00;border-color:#E0A800}
.pane .nsec{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#6B7A70);margin:12px 4px 6px}.stgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.stgrid .rcard{cursor:pointer;margin:0;display:block!important}.stgrid .rcard h3{display:flex}.stgrid .boxes{padding:0 12px 12px;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.hbar{display:flex;gap:4px;align-items:flex-end;height:130px}.hbar div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;font-size:10px;color:var(--muted,#6B7A70)}.hbar i{display:block;width:100%;background:#193F33;border-radius:4px 4px 0 0;min-height:4px}.hbar b{font-size:11px;color:var(--fg,#16241C)}@media(max-width:640px){.stgrid{grid-template-columns:1fr}}
.ibpk{margin:6px 10px;padding:8px 10px;border-radius:10px;background:#FFF8E1;border:1px solid #E0A800;color:#5B4400;font-size:13px}.pkmsg{display:block;width:100%;text-align:left;margin:6px 0;padding:8px 10px;border-radius:10px;border:1px solid #2E7D32;background:#EEF7EE;color:#1B5E20;font-weight:700;font-size:14px;cursor:pointer}
.pksplit{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 6px}
/* 📚 Reports catalog (Joseph, Oct 22: "a new beautiful layout") */
.rk0{--rk:#E9F3EC;--rkd:#165C3A}.rk1{--rk:#FFF0DC;--rkd:#A4560F}.rk2{--rk:#E6F4F6;--rkd:#1D6C77}.rk3{--rk:#F2EAF4;--rkd:#6E3F7A}.rk4{--rk:#F6F7D8;--rkd:#5F6514}.rk5{--rk:#FBE9E3;--rkd:#8A3418}
.rcsr{display:flex;align-items:center;gap:12px;margin:0 0 14px}.rcsr input{flex:0 1 340px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:500 14px Inter,Arial,sans-serif;background:var(--surface);color:var(--fg)}
.rcfav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}
.rcf{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:linear-gradient(135deg,var(--rk),var(--surface) 75%);cursor:pointer;color:var(--fg);min-height:118px}
.rcf b{font:700 15px Inter,Arial,sans-serif;color:var(--rkd)}.rcf>span:last-child{font-size:12.5px;color:var(--muted);line-height:1.35}
.rcf:hover,.rcc:hover{border-color:var(--rkd);box-shadow:0 4px 14px rgba(25,63,51,.10)}
.rci{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:22%;background:var(--rk);font-size:17px;line-height:1}
.rcs{margin:0 0 20px}.rch{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 16px Inter,Arial,sans-serif;color:var(--fg)}
.rch small{font:500 12.5px Inter,Arial,sans-serif;color:var(--muted)}.rch em{margin-left:auto;font:600 12px Inter,Arial,sans-serif;font-style:normal;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:1px 7px}
.rcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.rcc{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-left:4px solid var(--rkd);border-radius:10px;padding:11px 12px;background:var(--surface);cursor:pointer;color:var(--fg);min-height:66px}
.rcc .rct{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rcc b{font:650 14px Inter,Arial,sans-serif}.rcc .rct>span{font-size:12px;color:var(--muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rcg{color:var(--muted);font-size:18px}
.rchd{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px;font:600 12px Inter,Arial,sans-serif;color:var(--rkd);background:var(--rk);border-radius:8px;padding:3px 10px 3px 4px}.rchd .rci{width:22px;height:22px;font-size:12px;background:transparent}
@media (max-width:860px){.rcfav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.rcsr input{flex:1}.rcfav{gap:8px;margin-bottom:16px}.rcf{min-height:0;padding:10px 12px;gap:4px}.rcf>span:last-child{display:none}.rcf b{font-size:13.5px}.rcf .rci{width:28px;height:28px;font-size:14px}
 .rch small{display:none}.rch{font-size:15px;margin-bottom:8px}.rcs{margin-bottom:14px}.rcgrid{grid-template-columns:1fr 1fr;gap:6px}.rcc{min-height:46px;padding:7px 8px;gap:8px;border-left-width:3px}.rcc .rci{width:24px;height:24px;font-size:12px}.rcc b{font-size:12.5px;line-height:1.25}.rcc .rct>span,.rcc .rcg{display:none}}
:root[data-theme="dark"] .rk0,:root[data-theme="dark"] .rk1,:root[data-theme="dark"] .rk2,:root[data-theme="dark"] .rk3,:root[data-theme="dark"] .rk4,:root[data-theme="dark"] .rk5{--rk:rgba(159,208,122,.12);--rkd:#9FD07A}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rk0,:root:not([data-theme="light"]) .rk1,:root:not([data-theme="light"]) .rk2,:root:not([data-theme="light"]) .rk3,:root:not([data-theme="light"]) .rk4,:root:not([data-theme="light"]) .rk5{--rk:rgba(159,208,122,.12);--rkd:#9FD07A}}
/* icon buttons: the icon sits in the CENTER (Joseph, Oct 22) */
html body .btn.ib{display:inline-flex;align-items:center;justify-content:center;text-align:center}html body .top h1 .btn.bk{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;font-size:20px;line-height:1;vertical-align:middle;margin-right:10px}
/* 📦 Stock & sold — sold each day bars */
.stkb{display:flex;align-items:flex-end;gap:2px;height:130px;padding-bottom:16px}.stkb>div{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.stkb i{display:block;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px}.stkb span{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted)}
/* 🚚 PO / receiving / adjust forms — numbered steps, boxes lined up (Moses' form rule) */
.cl-step{font:700 13px Inter,Arial,sans-serif;color:var(--brand);margin:6px 0 8px;letter-spacing:.02em}
.pf-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:0 0 14px}
.pf-f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}.pf-f input{width:100%;min-width:0;box-sizing:border-box}.pf-f span{white-space:nowrap}
.pf-f input{height:44px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:500 14px Inter,Arial,sans-serif;background:var(--surface);color:var(--fg)}
.pf-s{margin:0 0 10px}.pf-s input{width:100%;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:500 14px Inter,Arial,sans-serif;background:var(--surface);color:var(--fg)}
#pfRes{display:flex;flex-direction:column;gap:4px;margin-top:6px}.pf-r{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);color:var(--fg);cursor:pointer}.pf-r:hover{border-color:var(--brand)}
.pf-n{width:74px;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 8px;text-align:right;font:500 14px Inter,Arial,sans-serif;background:var(--surface);color:var(--fg)}
@media (max-width:640px){.pf-g{grid-template-columns:1fr 1fr;gap:8px}.pf-n{width:58px}}
/* 📷 scan anywhere + barcodes on every item */
.scbox{display:flex;flex-direction:column;gap:6px;margin:0 0 10px}.scbox video{width:100%;max-height:260px;object-fit:cover;border-radius:10px;background:#000}
.scvw{position:relative}.scvw video{display:block}.scaim{position:absolute;left:15%;right:15%;top:25%;bottom:25%;border:2px solid rgba(255,255,255,.85);border-radius:10px;box-shadow:0 0 0 999px rgba(0,0,0,.25);pointer-events:none}.scvw{overflow:hidden;border-radius:10px}
.scrow{display:flex;align-items:center;gap:8px}.scrow #scMsg{flex:1;min-width:0}.scrow .btn{flex:none;white-space:nowrap}
.bcc{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.bcx{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:3px 8px;font:600 12.5px Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;background:var(--surface);color:var(--fg)}.bcx small{font-weight:500;color:var(--muted);font-size:11px}
/* order window items — compact (Joseph, Oct 23) */
.rlt td:first-child{width:100%}.rlt td,.rlt th{vertical-align:top}.rlt input.rlg{width:52px;height:34px;padding:0 6px;text-align:right;border:1px solid var(--line);border-radius:8px;font:600 14px Inter,Arial,sans-serif;background:var(--surface);color:var(--fg)}
.rlt .rlx{width:30px;height:30px;min-height:30px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
@media (max-width:640px){.rlt td,.rlt th{padding-left:6px!important;padding-right:6px!important}.rlt td:first-child b{font-size:14px;line-height:1.25}}
.rlpm{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.rlpm .btn{width:30px;height:34px;min-height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font:700 17px Inter,Arial,sans-serif}.rlt .rlpm input.rlg{width:44px}
@media (max-width:640px){.rlt,.rlt tbody{display:block;width:100%}.rlt tr{display:flex;justify-content:space-between;align-items:center;width:100%}.rlt tr:first-child{display:none}.rlt tr>td:empty{display:none}.rlt tr.rli{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:10px}.rlt tr.rli>td:first-child{grid-column:1/-1;width:auto;border-bottom:0!important;padding-bottom:2px!important}.rlt tr.rli>td:nth-child(2){justify-self:start}.rlt tr.rli>td{padding-top:4px!important;border-bottom:0!important}.rlt tr.rli{border-bottom:1px solid var(--line);padding-bottom:6px}}
/* ticket items — small lines (Moses, Oct 23: "make this smaller lines") */
.rpt.tixl th,.rpt.tixl td{padding:5px 6px!important;font-size:12.5px!important;line-height:1.25!important;vertical-align:top}.rpt.tixl td b{font-size:12.5px}.rpt.tixl td .small{font-size:10.5px!important;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw;margin-top:1px}.rpt.tixl th{font-size:10px!important}

/* 🧘 CALM Inbox + Orders (Joseph, Oct 23 — th … */
.ctabs{display:flex;gap:3px;background:#ECEFEA;border-radius:10px;padding:3px;margin-left:10px}
.ctabs button{border:0;background:none;font:inherit;font-weight:600;font-size:13px;color:#4A544D;padding:6px 12px;border-radius:8px;white-space:nowrap;cursor:pointer}
.ctabs button span{color:#7A847C;font-weight:500;margin-left:5px}
.ctabs button.on{background:#fff;color:#1D2420;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn.ib.cflt{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.btn.ib.cflt.on{border-color:#1F5A3D;color:#1F5A3D;background:#EEF4EF}
body.pg-inbox .top .btn.pri.ib,body.pg-orders .top .btn.pri.ib{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:640px){body.pg-inbox .top,body.pg-orders .top{flex-wrap:wrap}.ctabs{order:9;width:100%;margin:6px 0 0}.ctabs button{flex:1;padding:6px 4px}}
.cfnow{font-size:12px;color:#7A847C;padding:0 12px 8px}.cfnow .linkb{font-size:12px;margin-left:6px}
.cfrow{margin-bottom:14px}.cfl{font-size:12px;font-weight:600;color:#7A847C;margin-bottom:6px}.cfrow .chips{display:flex;gap:6px;flex-wrap:wrap}.cfrow .cchip b{opacity:.7;margin-left:2px}
/* the list: no colored stripes / tags, unread = bold + dot */
body.pg-inbox .ibl .feed li.ibi,body.pg-inbox .ibl .feed li.ibi.todo,body.pg-inbox .ibl .feed li.ibi.un{border-left-color:transparent!important;box-shadow:none}
body.pg-inbox .ibl .ibk:not(.ibkd){display:none}
body.pg-inbox .ibi.un .ibtm{color:#7A847C;font-weight:500}body.pg-inbox .ibi .ibtm.negv{color:#C2412D!important;font-weight:600}
/* inside a chat / an order: ONE thin next-step line, no colored boxes */
body.pg-inbox .sxbar,body.pg-inbox .drbar,body.pg-inbox .ostbar,body.pg-inbox .rcask,body.pg-inbox .chgask{margin:0!important;width:100%!important;border:0!important;border-bottom:1px solid #E7EAE5!important;border-radius:0!important;background:#fff!important;padding:8px 14px!important;font-size:13px;gap:8px;box-shadow:none!important}
body.pg-inbox .sxbar .w,body.pg-inbox .drbar .w{flex-direction:row;gap:4px;align-items:baseline;flex-wrap:wrap}
body.pg-inbox .drbar .w .small,body.pg-inbox .rcask br{display:none}
body.pg-inbox .drbar .drgo{color:#1F5A3D}
body.pg-inbox .chgask .aidot{display:none}

body.pg-orders .ibav{flex:none}
.orow{display:flex;gap:10px;align-items:center;width:100%;padding:9px 12px;border:0;border-top:1px solid #F0F2EE;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.orow.on{background:#F2F5F1}.orow .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.orow .o1{display:flex;gap:6px;align-items:baseline}.orow .o1 b{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orow .o1 .num{font-size:13px}
.orow .o2{display:flex;gap:8px;font-size:12.5px;color:#7A847C}.orow .o2>span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orow .o2 .tm{flex:none}.orow .o2 .tm.negv{color:#C2412D;font-weight:600}
.ocalm{padding:0;overflow:hidden}.ocalm .dklt{padding:10px}
@media (min-width:861px){html body .desk.nosrc{grid-template-columns:320px minmax(0,1fr)!important}}
body.pg-orders .dksteps{gap:6px;padding:8px 14px;border-bottom:1px solid #E7EAE5}
body.pg-orders .dksteps .dks{background:none;padding:0;font-weight:500;color:#9AA39C}body.pg-orders .dksteps .dks.cur{background:none;color:#1F5A3D;font-weight:700}
body.pg-orders .dksteps i{flex:none;height:auto;background:none;font-style:normal;color:#C9CFC8}
.dknext{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #E7EAE5;font-size:13px;color:#3E4842}.dknext b{color:#1D2420}
body.pg-orders .dkbar{box-shadow:none;font-size:14px}
body.pg-orders .dkit .tag.y,body.pg-orders .dkit .tag.g,body.pg-orders .dkit .tag.b,body.pg-orders .dkwho .tag.y{background:none;border:0;color:#7A847C;padding:0}
body.pg-orders .dkit .tag.r{background:none;border:0;color:#C2412D;padding:0}
body.pg-orders .dkneed{background:none}
@media(max-width:640px){body.pg-inbox .cflt,body.pg-orders .cflt{margin-left:auto}}

.orow .cav.ibav{width:36px;height:36px;font-size:12px;font-weight:700;position:relative;background:#EFF3EC;color:#3C6150;display:grid;place-items:center;line-height:1;border-radius:22%}
.orow .ibch{position:absolute;box-sizing:border-box;padding:0;font-style:normal;line-height:0;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:5px;display:grid;place-items:center;color:#fff;background:#8A938C;border:2px solid #fff}
body.pg-orders .dknote{background:none;border:0;border-bottom:1px solid #E7EAE5;border-radius:0;color:#3E4842}
.rlit{display:flex;gap:10px;align-items:center}.rlit>div{min-width:0}
.rlpic{width:40px;height:40px;flex:none;border-radius:8px;border:1px solid #E7EAE5;background:#fff;object-fit:contain}
.rlpn{display:inline-grid;place-items:center;font-weight:700;font-size:14px;color:#7A847C;background:#F2F4F1}
.rlpe{font-size:20px}.dkpr .rlpe{font-size:16px}.dkpr .rlpic{width:30px;height:30px;vertical-align:middle;margin-right:6px}
.baud{display:block;width:240px;max-width:100%;height:40px;margin:2px 0 4px}
.rlchg{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
.rlmatch{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:7px;background:#1F5A3D;color:#fff;font-size:12px;font-weight:600;vertical-align:1px}.rlmatch.sub{background:none;color:#7A847C;border:1px solid #E7EAE5}

/* Needs attention in a category window = one … */
.rpt.nacmp td{padding:3px 8px;font-size:12px;line-height:1.2}.rpt.nacmp tr>td:first-child{box-shadow:inset 3px 0 0 var(--nac,transparent)}.na-negative{--nac:#c0392b}.na-below_min{--nac:#e08a1e}.na-over_max{--nac:#2e6fb7}.na-unp{--nac:#7d5ba6}.nalg{font-size:10px;font-weight:400;color:var(--mut,#777);display:flex;gap:4px;align-items:center}.nalg i{display:inline-block;width:3px;height:10px;background:var(--nac);margin-left:4px}.rpt.nacmp td:first-child{display:flex;gap:8px;align-items:baseline;min-width:0}
.rpt.nacmp .nan{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.boxes.nacmpb{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.boxes.nacmpb>*{padding:8px 10px}.boxes.nacmpb .v{font-size:16px}.boxes.nacmpb .l{font-size:10px}.boxes.nacmpb .s{font-size:10px}

/* LIVLAND TYPE in Island (Joseph, Oct 25: "Livland is clear to read — the fonts */
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td{font-size:11.3px!important;font-weight:400!important;color:#26302A;padding-top:5px!important;padding-bottom:5px!important;border-bottom:.5px solid #DCE1DA!important;font-variant-numeric:tabular-nums;line-height:1.3}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td:first-child{font-weight:600!important;color:#16211A}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td.num:first-child{font-weight:400!important;color:#6E776F}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td:is(.num,.r){font-weight:500!important}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td b{font-weight:600;color:#16211A}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td :is(.small,small,.mut,.muted){font-weight:400;color:#7C857E;font-size:10.5px}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) th{font-weight:500!important;color:#7C857E!important;letter-spacing:.05em!important;font-size:10.3px!important;text-transform:uppercase;padding-top:7px!important;padding-bottom:6px!important;border-bottom:.5px solid #DCE1DA!important;background:transparent!important}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) tr.tot td{font-weight:700!important;color:#16211A;border-top:.5px solid #D5DBD3!important}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) tbody tr:last-child td{border-bottom:0!important}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td>div:is(.small,.mut){display:inline;margin-left:5px;font-size:10.5px;font-weight:400;color:#7C857E}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td>div:is(.small,.mut)::before{content:"· "}
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp) td>b+br{display:none}
html body #main .rcard.tixout{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible}
.tixqr{display:flex;align-items:center;gap:6px;padding:0 0 8px}.tixout .tixqr .find{background:#fff}
.tixbox{background:var(--surface);border:.5px solid #E3E7E1;border-radius:10px;padding:0 14px 4px}
html body #main .tixbox>table.rpt.rpt.rpt.rpt:not(.nacmp) :is(td,th):first-child{padding-left:0!important}
html body #main .tixbox>table.rpt.rpt.rpt.rpt:not(.nacmp) :is(td,th):last-child{padding-right:0!important}.tixqr .find{flex:1;min-width:0;height:32px}
html body #main .tixc .tixqr .rr-bar.rr-in{padding:0!important;margin:0!important;flex:none}
html body :is(#main,.modal) .rcard>table.rpt.rpt.rpt.rpt:not(.nacmp){width:calc(100% - 28px)!important;min-width:0!important;max-width:calc(100% - 28px)!important;margin:0 14px 4px!important}
html body :is(#main,.modal) .rcard>table.rpt.rpt.rpt.rpt:not(.nacmp) :is(td,th):first-child{padding-left:0!important}
html body :is(#main,.modal) .rcard>table.rpt.rpt.rpt.rpt:not(.nacmp) :is(td,th):last-child{padding-right:0!important}
html body :is(#main,.modal) .rcard>h3{border-bottom:0!important;font-weight:600!important;padding-bottom:4px!important}
html body .modal .box{background:var(--surface)}
html body .modal .rcard{border:0!important;box-shadow:none!important;background:transparent!important}
/* ticket window — compact (Moses, Oct 25) */
.tkh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px}.tkt{font-size:1.45rem}.tkm{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-start;padding:5px 0;border-bottom:1px solid var(--line,#e5e7eb);font-size:.9rem}.tkm .btn.sm{padding:4px 10px;min-height:0;margin-left:auto}
.tkg{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 0;padding:4px 0 3px;border-bottom:1px solid var(--line,#e5e7eb);font-size:.8rem;font-weight:700;color:var(--mut,#6b7280)}.tki{padding:6px 0;border-bottom:1px solid var(--line,#e5e7eb)}.tki:last-child{border-bottom:0}.tk1{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;font-weight:600}.tk1 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tk1 b{white-space:nowrap}.tk2{font-size:.72rem;color:var(--mut,#6b7280);margin-top:1px}.tk2 b{color:var(--red,#c0392b);font-size:.68rem}.tkr{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--line,#e5e7eb);font-size:.86rem}.tkr:last-child{border-bottom:0}.tkt2{font-weight:700;font-size:.95rem}.tkc{margin-top:12px;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}.tkc h3{font-size:.95rem;margin:0 0 4px;padding:0!important}.tkc table{width:100%!important;margin:0!important}.tkc td,.tkc th{padding:5px 0!important;font-size:.84rem!important;height:auto!important}.tkc>div:not(.tkl),.tkc [class*="wrap"],.tkc [class*="ftable"]{padding:0!important;margin:0!important}.tkc .rpt td,.tkc .rpt th{padding:5px 0!important;font-size:.84rem!important}.tkc .rpt td .small{font-size:.68rem}
/* iPhone drops half-pixel lines in collapsed … */
html body :is(#main,.modal) table.rpt.rpt.rpt.rpt:not(.nacmp){border-collapse:separate!important;border-spacing:0!important}

/* ORDER ITEMS = ONE compact row (phone + computer, same rule) per item (Joseph, */
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;column-gap:6px;align-items:center;padding:5px 0;border-bottom:.5px solid #DCE1DA}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli>td{display:block;padding:0!important;border:0!important;width:auto!important;grid-column:auto!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit{gap:8px;align-items:center}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpic{width:32px;height:32px;border-radius:7px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpn{font-size:12px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpe{font-size:16px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit b{font-size:12.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit .small{display:block!important;margin:1px 0 0!important;font-size:10.5px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit .small::before{content:none!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlmatch.sub{display:none}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlmatch{margin-left:5px;padding:1px 6px;font-size:10px;border-radius:5px;vertical-align:1px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm{display:inline-flex;align-items:center;gap:3px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm .btn{width:26px;height:26px;min-height:0;min-width:0;padding:0!important;font-size:14px;border-radius:7px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm input.rlg{width:30px;height:26px;padding:0 3px;font-size:12.5px;text-align:center;border-radius:7px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli>td.num{font-size:12px!important;min-width:46px;text-align:right}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli>td.num .small{display:block;font-size:10px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlx{width:26px;height:26px;min-height:0;font-size:11px;border-radius:7px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr:first-child{display:none!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli):not(:first-child){display:flex!important;justify-content:space-between;padding:6px 0}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli)>td{padding:0!important;border:0!important;font-size:12px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px;row-gap:1px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit>div>b{flex-basis:100%}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit>div>.small{order:2;margin:0!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit>div>.rlmatch{order:3;margin:0}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.tot td,html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.tot td b{font-size:12.5px!important}


/* order window — the AI order card (Joseph, Oct 25: cleaner, nicer) */
.drc{border:.5px solid #D9DFD6;border-radius:10px;padding:10px 12px;margin:0 0 12px;background:var(--surface)}
.drc-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.drc-h b{font-size:13.5px;font-weight:600}
.drc-l{list-style:none;margin:6px 0 0;padding:0}
.drc-l li{display:flex;align-items:flex-start;gap:8px;padding:5px 0 5px 12px;border-top:.5px solid #E6EAE4;font-size:12px;color:#3E4842;position:relative;line-height:1.35}
.drc-l li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:2px;background:#C6CEC3}
.drc-l li.bad{color:#B42318}.drc-l li.bad::before{background:#D9483B}
.drc-l li>span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.drc-l li>span.open{display:block}
.drc-ask{flex:none;border:0;background:none;color:#1F5A3D;font:600 12px Inter,sans-serif;padding:0 2px;cursor:pointer}
.drc-a{display:flex;gap:6px;margin-top:8px;flex-wrap:nowrap;overflow-x:auto}
.drc-a .btn{white-space:nowrap;height:30px;min-height:0;padding:0 10px;font-size:12.5px;flex:none}
.onote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}.onote.open{display:block}

/* windows: info rows in Livland's type (Jose … */
html body .modal .kv{row-gap:7px!important;column-gap:14px!important;font-size:12.5px!important;line-height:1.35}
html body .modal .kv>span:nth-child(odd){font-size:12px;color:#6E776F;font-weight:400}
html body .modal .kv>span:nth-child(2n){font-weight:500;color:#1C2620}
html body .modal .kv .cchip,html body .modal .kv .btn{height:28px;min-height:0;padding:0 10px;font-size:12.5px}

/* Home dashboard on the phone (Joseph, Oct 25: "needs better layout on phone — */
.dsh-strip small,.dsh-b small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsh-b b,.dsh-strip b{white-space:nowrap}
@media (max-width:640px){
html body #main .dsh-strip{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))}
html body #main .dsh-strip>span{grid-column:span 2;padding:8px 10px!important;border-right:.5px solid #E2E6E0!important;border-bottom:.5px solid #E2E6E0!important;min-width:0}
html body #main .dsh-strip>span[data-dash="rep:cmp"]{grid-column:span 2;border-bottom:0!important}
html body #main .dsh-strip.k4>span:not([data-dash="rep:cmp"]),html body #main .dsh-strip.k5>span:nth-child(-n+2){grid-column:span 3}
html body #main .dsh-strip small{font-size:9.5px!important;letter-spacing:.03em}
html body #main .dsh-strip b{font-size:16px!important}
html body #main .dsh-strip .dsh-big b{font-size:18px!important}
html body #main .dsh-strip em{font-size:9.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #main .dsh-strip>span:not([data-dash="rep:cmp"]) em{display:none}
html body #main .dsh-b{padding:6px 7px!important;min-width:0;border-width:.5px!important;border-left-width:3px!important}
html body #main .dsh-b small{font-size:9px!important;letter-spacing:.02em}
html body #main .dsh-b b{font-size:15px!important}
html body #main .dsh-b em{display:none}
}
.rcpt.tkv,.rcpt.tkv:not(.bw){max-width:none;border:0;padding:0;margin:8px 0 0;font-size:13px}.rcpt.tkv .rn{font-size:13.5px}
.rcpt .ri.rhl{background:#FFFBE6;box-shadow:none;border-radius:4px;padding:3px 6px!important;margin:2px 0}
.tkm{justify-content:flex-start}.tkm .btn.sm{margin-left:auto}.rcpt.tkv .rcu{display:flex!important;flex-wrap:wrap;gap:0 8px!important}.rcpt.tkv .rcu>*{margin:0}
/* ticket window — even more compact (Moses, Oct 25) */
.tkh{margin:0}.tkt{font-size:1.2rem}.tkm{padding:3px 0;font-size:.8rem}.tkm .btn.sm{padding:2px 8px;font-size:.78rem}
.rcpt.tkv,.rcpt.tkv:not(.bw){font-size:12px;line-height:1.25;margin-top:4px}.rcpt.tkv .rg2{margin:5px 0 0!important;padding:2px 6px!important;font-size:11px!important}.rcpt.tkv .ri{padding:2px 0!important}.rcpt.tkv .rn{font-size:12.5px!important}.rcpt.tkv .rm{font-size:10.5px!important;line-height:1.2}.rcpt.tkv hr{margin:4px 0!important}.rcpt.tkv .rr{padding:0!important}.rcpt.tkv .tt{font-size:14px!important;margin:2px 0!important}.rcpt.tkv .rcu{font-size:11.5px!important;gap:0 10px!important}.rcpt.tkv .rsave{margin:5px 0!important;padding:3px!important;font-size:12px}
/* receipt — more compact (Moses, Oct 25) */
.rcpt:not(.bw){font-size:12px;line-height:1.3;padding:10px}.rcpt:not(.bw) .ri{padding:3px 0}.rcpt:not(.bw) .rn{font-size:12.5px}.rcpt:not(.bw) .rm{font-size:10.5px;margin-top:0}.rcpt:not(.bw) .rg2{margin:8px 0 1px;letter-spacing:0;font-size:11.5px}.rcpt:not(.bw) hr{margin:6px 0}.rcpt:not(.bw) .rr{padding:1px 0}.rcpt:not(.bw) .rcu{gap:1px 10px;font-size:12px}.rcpt:not(.bw) .rab{padding:4px 6px}.rcpt:not(.bw) .rab b{font-size:13px}

/* names that open a card (customers, products) — tap anywhere (Joseph, Oct 25) */
.plink{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(31,90,61,.25);text-underline-offset:3px;text-decoration-thickness:1px}
.plink:hover{text-decoration-color:currentColor}

/* 📍 Route planner (Joseph for Shimshi, Oct 26) — app.js rplan* */
.rpmap{position:relative;z-index:0;isolation:isolate;height:58vh;min-height:320px;border-radius:10px;overflow:hidden;margin:0 12px 12px} /* the map's own layers stay under windows */
.rpmap .tmap{height:100%;width:100%}
.rpdrawing{cursor:crosshair;touch-action:none}
.rpbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px}
.rpbar .sp{flex:1}
.rptrk{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 12px}
.rptk{border:1px solid var(--line,#DCE1DA);border-radius:10px;padding:8px 10px;background:var(--surface,#fff)}
.rptk.k-back{border-color:#F8994D;background:#FFF4EA}
.rptk.k-home{border-color:#27AE60}
.rptk .dot,.rpsug .dot,.rpt .dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.rpback{border-color:#F8994D}
.rpstore b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border:2px solid #193F33;border-radius:8px;font-size:16px}
.rpnum b{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#fff;border:2px solid #fff;border-radius:6px;font:700 12px/1 Inter,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.35)}
@media (max-width:640px){.rpmap{height:50vh;margin:0 8px 8px}.rptrk{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rpnear{color:#B35A00;margin-bottom:4px;white-space:nowrap}
/* 🔊 truck camera sound button (Oct 26) */
.tspc{position:relative}
.tspsnd{position:absolute;right:8px;bottom:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;z-index:3}
.tspsnd.on{background:#1F9A50}
.tmap{position:relative;z-index:0;isolation:isolate} /* the truck maps never show through a window (Oct 26) */

/* Admin team list (Joseph, Oct 26) */
.adp{display:flex;align-items:center;gap:10px}.adav{width:32px;height:32px;border-radius:22%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.adt td{vertical-align:middle}
.modal .box.ivwide{width:min(1250px,100%)}.ivgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.ivpdf{width:100%;height:80vh;border:1px solid var(--line);border-radius:10px;background:#fff;object-fit:contain}@media(max-width:860px){.ivgrid{grid-template-columns:1fr}}
.modal header .mback{margin-right:6px;font-size:22px;line-height:1}
.ivpv{overflow:auto;background:#eee;border-radius:10px;padding:6px}.ivpv canvas{display:block;margin:0 auto 6px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.modal .box .ivpv:not(.ivpdf){max-height:80vh}
tr.ivhl td{background:color-mix(in srgb,var(--c-yellow,#f5c542) 22%,transparent)}[data-ivprice]{display:contents;cursor:pointer}
body.isl-drop::after{content:"Drop here — Island asks where it goes";position:fixed;inset:12px;z-index:9999;display:grid;place-items:center;border:3px dashed var(--brand,#1f5a3d);border-radius:14px;background:rgba(255,255,255,.85);font:700 20px Inter,system-ui,sans-serif;color:var(--brand,#1f5a3d);pointer-events:none}

/* invoice lines = one card per line: on the invoice vs our … */
.modal .box.ivwide .ivgrid{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}@media(max-width:1100px){.modal .box.ivwide .ivgrid{grid-template-columns:1fr}}
.ivl{border:1px solid var(--line);border-left:4px solid var(--green,#1f7a4d);border-radius:10px;padding:10px 12px;margin:10px 0;background:var(--card,#fff)}.ivl.bad{border-left-color:var(--red,#c62828)}.ivl.ivhl{box-shadow:0 0 0 2px var(--green,#1f7a4d)}
.ivl-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;line-height:1.35}.ivl-h b{overflow-wrap:anywhere}.ivl-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:var(--bg2,#eef3ef);font-size:12px;font-weight:700}
.ivcmp{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:8px;font-size:13px}.ivcmp th,.ivcmp td{padding:6px 8px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-top:1px solid var(--line)}.ivcmp th{font-size:12px;font-weight:600;color:var(--mut,#667);border-top:0}.ivcmp th:first-child,.ivcmp td:first-child{width:92px;color:var(--mut,#667);font-size:12px}
.ivcmp td.ivbad{color:var(--red,#c62828);background:rgba(198,40,40,.08);font-weight:600}
.ivl-bad{margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(198,40,40,.08);color:var(--red,#c62828);font-size:13px;line-height:1.45}
.ivl .acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.ivl-tot{display:flex;align-items:center;padding:10px 12px;font-size:15px}
.ivedit label{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.ivedit input{width:100%;height:44px}
@media(max-width:640px){.ivl{padding:8px 10px}.ivcmp th:first-child,.ivcmp td:first-child{width:72px}.ivcmp th,.ivcmp td{padding:5px 6px}}

/* invoice lines — compact (Moses, Oct 27: "much more compact, nice and clean"): */
.ivl{padding:7px 10px;margin:5px 0;border-left-width:3px}.ivl.ivhl{background:#FFF8D6;box-shadow:none;border-color:#F1D978}
.ivl-h{flex-wrap:nowrap;font-size:13.5px;gap:8px;align-items:baseline}.ivl-nm{flex:1;min-width:0}.ivl-am{white-space:nowrap}.ivl-n{min-width:18px;height:18px;font-size:11px}
.ivcmp.ivsm{margin-top:2px;font:12px/1.18 'Roboto Condensed','Arial Narrow',sans-serif;font-feature-settings:'tnum'}.ivcmp.ivsm th,.ivcmp.ivsm td{padding:1px 4px;border-top:1px solid #EEF0EA}.ivcmp.ivsm th{font-size:9.5px;text-transform:uppercase;letter-spacing:.04em;padding-bottom:0;border-top:0}.ivcmp.ivsm th:first-child,.ivcmp.ivsm td:first-child{width:34px;font-size:10px}.ivl.ivhl .ivcmp.ivsm td{border-top-color:#F1E4A8}
.ivl{padding:5px 8px;margin:4px 0}.ivl-h{font:600 13px/1.2 'Roboto Condensed','Arial Narrow',sans-serif}.ivl-h b{font-weight:600}.ivl-s{font:11.5px/1.2 'Roboto Condensed','Arial Narrow',sans-serif}.ivl-bad{font:11.5px/1.2 'Roboto Condensed','Arial Narrow',sans-serif;margin-top:2px}.ivl-a{margin-top:2px;gap:0 12px}.ivl-a button{font:600 11.5px/1.3 'Roboto Condensed','Arial Narrow',sans-serif;padding:1px 0}
.ivl-s{font-size:11.5px;line-height:1.35;color:var(--mut,#667);margin-top:1px}.ivok{color:#1f7a4d;font-weight:600;white-space:nowrap}.ivchk{color:#9a6b00;font-weight:600}
.ivl-bad{margin-top:3px;padding:0;background:none;font-size:12px;line-height:1.35}
.ivl-a{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:4px}.ivl-a button{background:none;border:0;padding:2px 0;font-size:12px;font-weight:600;color:#193F33;cursor:pointer}
/* 🛍 store home (Oct 27): start strip, promot … */
.shstart{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#F5F7E3;border-radius:10px;padding:16px 18px;margin-bottom:14px}
.shstart .sst{flex:1;min-width:220px;display:flex;flex-direction:column;gap:4px}.shstart .sst>b{font-size:20px;color:#193F33}.shstart .sst>span{font-size:14px;color:#252E28}
.shstart .ssb{display:flex;gap:8px;flex-wrap:wrap}
.shpro{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-bottom:6px;scrollbar-width:none}.shpro::-webkit-scrollbar{display:none}
.spr{position:relative;border:0;padding:0;border-radius:10px;overflow:hidden;height:190px;cursor:pointer;scroll-snap-align:start;background:#193F33;text-align:left;font:inherit}.spr .spt,.spr .spt>b,.spr .spt>span:not(.eyb),.spr i{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.spr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spr .spt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;color:#fff;background:linear-gradient(180deg,rgba(25,63,51,0) 0%,rgba(25,63,51,.3) 45%,rgba(25,63,51,.9))}
.spr .eyb{font-size:11px;color:#FFCB78}.spr b{font-size:19px;line-height:1.15;color:#fff}.spr .spt>span:not(.eyb){font-size:13px;opacity:.92}
.spr i{font-style:normal;align-self:flex-start;margin-top:6px;background:#E9EC90;color:#193F33;font-weight:700;font-size:13px;padding:5px 10px;border-radius:8px}
.shdeps{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}
.sdp{border:1px solid var(--line,#e3e6dc);background:#fff;border-radius:10px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:inherit}
.sdp>span{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px}.sdp b{font-size:12px;color:#193F33;text-align:center;line-height:1.15}
.sdp.on{border-color:#193F33;box-shadow:inset 0 0 0 1px #193F33}
@media (max-width:1000px){.shdeps{grid-template-columns:repeat(5,1fr)}}
@media (max-width:640px){
 .shstart{padding:12px;gap:10px}.shstart .sst>b{font-size:17px}.shstart .sst>span{font-size:12.5px}.shstart .ssb{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.shstart .ssb .btn{padding:10px 4px;font-size:12.5px;justify-content:center;white-space:normal;line-height:1.2}
 .shpro{grid-auto-columns:84%;gap:8px}.spr{height:150px}.spr b{font-size:17px}
 .shdeps{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.shdeps::-webkit-scrollbar{display:none}.sdp{flex:0 0 74px;padding:6px 2px}.sdp>span{width:44px;height:44px;font-size:24px}.sdp b{font-size:11px}
 .mine{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none}.mine .mcard{flex:0 0 72%}
}
body.shdual .app{margin-right:440px}
#shPh{position:fixed;top:12px;right:16px;bottom:12px;width:410px;z-index:40;display:flex;flex-direction:column;gap:8px}
#shPh .sphh{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#193F33}
#shPh .sphf{flex:1;border:10px solid #1d211f;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}
#shPh iframe{width:100%;height:100%;border:0;display:block}
html.shpf .tbar,html.shpf .side,html.shpf #rgExit,html.shpf .shexit,html.shpf .mob{display:none!important}
/* + / − / Case on products, Satmar Meat = it … */
.shctl{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.shctl>.btn{flex:1 1 auto;justify-content:center;white-space:nowrap}
.sq1{flex:1 1 100%;display:flex;align-items:center;border:1px solid #193F33;border-radius:8px;overflow:hidden;height:36px}.sq1 button{border:0;background:#193F33;color:#fff;width:40px;height:100%;font-size:20px;font-weight:700;cursor:pointer;padding:0}.sq1 b{flex:1;text-align:center;font-size:15px;color:#193F33}
.smtag{display:inline-block;background:#D22630;color:#fff;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;margin-top:3px}
.sdp.smt{border-color:#D22630}.sdp.smt>span{background:#fff;border:1px solid #f1d3d5}.sdp.smt img{width:44px;height:auto}.sdp.smt b{color:#D22630}
.smhero{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid #D22630;border-radius:10px;padding:14px 16px;margin-bottom:12px}.smhero img{width:120px;height:auto}.smhero>div{display:flex;flex-direction:column;gap:4px}.smhero b{font-size:22px;color:#D22630}.smhero span{font-size:14px;color:#4A2A1E}
.cohd{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;margin:10px 0 4px;font-size:14px}.cohd span{margin-left:auto;font-size:12px;opacity:.85}.cohd.isl{background:#E8F0E0;color:#193F33}.cohd.sm{background:#D22630;color:#fff}.cohd img{height:22px;background:#fff;border-radius:6px;padding:2px 4px}
.cohs{margin-top:8px;padding-top:6px;border-top:1px solid #e3e6dc}.cohs.isl b{color:#193F33}.cohs.sm b{color:#D22630}
.twoord{background:#FFF5F5;border:1px solid #f1d3d5;border-radius:10px;padding:10px 12px;font-size:13.5px;margin:10px 0}
.conf{border:2px solid #193F33;border-radius:10px;padding:12px 14px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.conf.sm{border-color:#D22630}
.conf .cfhd{display:flex;align-items:center;justify-content:space-between}.conf .cfhd img{height:30px}.conf .cfhd span{font-weight:700}.conf .cfr{display:flex;justify-content:space-between;font-size:14px;margin-top:4px}
@media (max-width:640px){.smhero{flex-direction:column;align-items:flex-start;padding:12px}.smhero img{width:96px}.smhero b{font-size:18px}.smhero span{font-size:13px}.shctl .btn{font-size:12px;padding:6px 4px}}
.rcard.smord{border-color:#D22630}.smn{color:#D22630}
.shstart .ssimg{width:96px;height:72px;object-fit:cover;border-radius:10px;flex:0 0 auto}
@media (max-width:640px){.shstart .ssimg{display:none}}
.spr .spt b,.spr .spt>span{text-shadow:0 1px 3px rgba(0,0,0,.55)}
/* department page header (Oct 27) */
.dphero{position:relative;border-radius:10px;overflow:hidden;height:180px;margin-bottom:12px;display:flex;align-items:flex-end}
.dphero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dphero .dpt{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 16px;width:100%;color:#fff;background:linear-gradient(180deg,rgba(25,63,51,0),rgba(25,63,51,.9))}
.dphero .dpt b{font-size:26px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.dphero .dpt span{font-size:14px}
.dphero.nop{height:120px;align-items:center}.dphero.nop .dpt{background:none;color:#193F33}.dphero.nop .dpt b{text-shadow:none}.dphero .dpe{font-size:56px;padding-left:18px;position:relative}
.shdepbar{flex-wrap:nowrap;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.shdepbar::-webkit-scrollbar{display:none}.shdepbar .cchip{white-space:nowrap}.cchip.smc{border-color:#D22630;color:#D22630}
@media (max-width:640px){.dphero{height:140px}.dphero .dpt b{font-size:21px}.dphero.nop{height:90px}.dphero .dpe{font-size:40px}}
/* 🌐 beta website (Oct 27): PIN page, live departments, walk the real store */
.shgate{max-width:380px;margin:40px auto;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center;padding:0 16px}.shgate img{width:180px;margin:0 auto}.shgate h1{font-size:22px;color:#193F33;margin:6px 0 0}.shgate p{margin:0;color:#4b5563}.shgate .find{text-align:center;font-size:22px;letter-spacing:.2em}
.betab{background:#F8994D;color:#fff;font-weight:700;font-size:12px;padding:4px 8px;border-radius:6px}
.betan{background:#FFF5E6;border:1px solid #F8C98D;border-radius:10px;padding:8px 12px;font-size:13px;margin-bottom:8px}
.oos{flex:1;text-align:center;padding:8px;border-radius:8px;background:#F3F4F6;color:#6B7280;font-weight:600;font-size:13px}
.shdeps.lv{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.shdeps.lv .sdp i{font-style:normal;font-size:11px;color:#6B7280}.sdp>span img{width:100%;height:100%;object-fit:cover;border-radius:10px}
.smnote{background:#FDECEC;border:1px solid #f1d3d5;color:#7A1A1F;border-radius:10px;padding:8px 12px;font-size:13px;margin-bottom:10px}
.rwalk{position:relative;border-radius:10px;overflow:hidden;background:#111}.rwalk img{display:block;width:100%;height:auto}
.wpin{position:absolute;transform:translate(-50%,-50%);border:2px solid #fff;background:#193F33;color:#E9EC90;border-radius:8px;min-width:30px;height:30px;display:flex;align-items:center;gap:6px;padding:0 7px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4);font:inherit}
.wpin b{font-size:18px;line-height:1}.wpin span{display:none;font-size:12px;font-weight:600;white-space:nowrap;color:#fff}
@media (max-width:640px){.wpin{min-width:24px;height:24px;padding:0 5px}.wpin b{font-size:15px}.shdeps.lv{display:flex}}
html.shb .shop .sht .sp+.small{display:none}
.shgate .find{height:54px;min-height:54px}
/* 🤝 counter partners (Oct 27) */
.pstrip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:6px}
.pcard{border:1px solid #e3e6dc;border-top:3px solid var(--pc,#193F33);background:#fff;border-radius:10px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;font:inherit;text-align:center}
.pcard.sm{border-top-color:#D22630}.pcard>span:last-child{font-size:12px;color:#4b5563}img.plogo{height:40px;width:auto;max-width:130px;object-fit:contain}
.pmark{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:17px;border:2px solid;border-radius:8px;padding:4px 8px;line-height:1.15}
.pbadge{display:flex;align-items:center;gap:8px;margin:-4px 0 10px;font-size:13px;color:#4b5563}.pbadge .plogo{height:28px}
@media (max-width:640px){.pstrip{display:flex;overflow-x:auto;scrollbar-width:none}.pstrip::-webkit-scrollbar{display:none}.pcard{flex:0 0 140px}}
/* 🎨 designed banners + story video (Oct 27) */
.sbans{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:10px;margin-bottom:6px}.sbans::-webkit-scrollbar{display:none}
.sban{border:0;padding:0;background:none;scroll-snap-align:start;cursor:pointer;border-radius:10px;overflow:hidden;display:block}.sban img{display:block;width:100%;height:auto;aspect-ratio:1600/355}
.sban.one{margin-bottom:12px;cursor:default}
.sbnav{display:flex;justify-content:flex-end;gap:6px;margin:0 0 4px}
.story{display:flex;gap:16px;align-items:center;background:#193F33;color:#F2F4E1;border-radius:10px;padding:14px;margin:16px 0 6px}.story video{width:200px;aspect-ratio:478/850;border-radius:10px;background:#000;flex:0 0 auto}
.story>div{display:flex;flex-direction:column;gap:6px}.story b{font-size:22px;color:#E9EC90}.story .eyb{font-size:12px}
@media (max-width:640px){.sbans{grid-auto-columns:100%;margin:0 -2px 6px}.sban img{aspect-ratio:auto;height:110px;object-fit:cover;object-position:16% 50%}.story{flex-direction:column;align-items:stretch}.story video{width:100%;max-width:220px;margin:0 auto}.story b{font-size:18px}}
/* 💬 website live chat (Oct 27) */
.wchbtn{position:fixed;right:16px;bottom:18px;z-index:30;border:0;background:#193F33;color:#fff;font:inherit;font-weight:700;font-size:15px;padding:12px 16px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);cursor:pointer}
.wch{max-height:52vh;min-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:6px 2px;margin-bottom:10px}
.wch .cb{max-width:82%;padding:8px 11px;border-radius:10px;font-size:14px;white-space:pre-wrap}.wch .cb.u{align-self:flex-end;background:#193F33;color:#fff}.wch .cb.a{align-self:flex-start;background:#F1F4E4;color:#193F33}
.wch .wt{display:block;font-size:10.5px;opacity:.7;margin-top:2px}.wchin{display:flex;gap:8px;align-items:flex-end}.wchin textarea{flex:1;min-height:44px}
@media (max-width:640px){.wchbtn{padding:12px 14px;bottom:16px}.wchbtn span{display:none}.wchbtn{font-size:20px}}
html.shpf .wchbtn{display:block!important}
.stk{display:block;font-size:12px;font-weight:600;color:#15803D;margin-top:2px}.stk.no{color:#9CA3AF}
/* product cards all the same (Joseph, Oct 27: "Add button always the same, boxe */
.shc>.shp{flex:1 1 auto}
.shc .shctl{margin-top:auto;display:grid;grid-template-columns:1fr;gap:6px}
.shc .shctl>*{width:100%;height:38px;min-height:38px;margin:0;justify-content:center;white-space:nowrap;box-sizing:border-box}
.shc .shctl .sq1{height:38px}.shc .shctl .oos{display:flex;align-items:center;justify-content:center;padding:0}
.shc .shctl .csp{display:block;visibility:hidden}
/* bigger product pictures on the store cards … */
.shc .ipic.md{height:auto;aspect-ratio:1/1;margin-bottom:8px}.shc .ipic.md .ie{font-size:76px}.shc .ipic.md .ih{font-size:9px}
@media (max-width:640px){.shc .ipic.md .ie{font-size:64px}}
/* iPhone zooms the page into any box with letters under 16 … */
@media (max-width:640px){.shop .find,.shop input,.shop textarea,#wchTx,#wchName,#shPin{font-size:16px}}
/* 🔎 suggestions while typing (Oct 27) */
.shs{position:relative}.shsug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:35;background:#fff;border:1px solid #DCE0C6;border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.16);overflow:hidden;max-height:70vh;overflow-y:auto}
/* 🎨 department themes + 🍽 made to order (Oct 27) */
.dth{--dc:#193F33;border-top:4px solid var(--dc);padding-top:10px;border-radius:2px}
.dth .shh2,.dth .smhero b{color:var(--dc)}.dth .dphero{background-color:color-mix(in srgb,var(--dc) 14%,#fff)!important}.dth .dphero.nop .dpt b{color:var(--dc)}
.dth .dphero:not(.nop) .dpt{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--dc) 88%,#000))}
.dth .btn.go,.dth .shc .shctl .btn.go{background:var(--dc);border-color:var(--dc);color:#fff}.dth .sq1{border-color:var(--dc)}.dth .sq1 button{background:var(--dc)}.dth .sq1 b{color:var(--dc)}
.dth .shc{border-color:color-mix(in srgb,var(--dc) 28%,#fff)}.dth .cchip.on{background:var(--dc);border-color:var(--dc);color:#fff}.dth .shc .pr{color:var(--dc)}
.mto{border:2px solid var(--dc,#193F33);border-radius:10px;padding:12px;margin:0 0 12px;background:color-mix(in srgb,var(--dc,#193F33) 6%,#fff)}
.mtoh{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.mtoh b{font-size:17px;color:var(--dc,#193F33)}.mtoh span{font-size:13px;color:#4b5563}
/* 🔎 search window like a grocery site (Oct 2 … */
.shcx{display:none;border:0;background:none;font:inherit;font-weight:700;color:#193F33;padding:0 4px;cursor:pointer;white-space:nowrap}
.sgt{border-bottom:1px solid #E7E9E0}
.sgq{display:flex;align-items:center;gap:10px;width:100%;border:0;background:#fff;padding:11px 14px;font:inherit;text-align:left;cursor:pointer}.sgq b{font-weight:500;font-size:16px;color:#193F33}.sgq span{color:#6B7280;font-size:14px}.sgq i{margin-left:auto;font-style:normal;color:#6B7280}
.sgp{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #F0F1EC}
.sgpi{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;font:inherit;text-align:left;cursor:pointer}.sgpi .ipic{width:52px;height:52px}.sgpi .ipic .ie{font-size:30px}
.sgpi .w{display:flex;flex-direction:column;min-width:0}.sgpi .w b{font-size:15px;color:#16241C;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sgpr{font-size:16px;white-space:nowrap}.sgadd{border:0;background:#E9EC90;color:#193F33;font:inherit;font-weight:800;border-radius:10px;padding:10px 14px;white-space:nowrap;cursor:pointer}.sgout{color:#9CA3AF;font-weight:600;padding:10px 6px}
@media (max-width:640px){
 body.shq-on .shh .shs{position:fixed;top:0;left:0;right:0;z-index:61;background:#fff;padding:10px 12px;margin:0;max-width:none;border-bottom:1px solid #E7E9E0;align-items:center}
 body.shq-on .shh .shs .find{height:46px;border:2px solid #E9C846;border-radius:12px}

 body.shq-on #shSug{position:fixed;top:67px;left:0;right:0;bottom:0;max-height:none;border:0;border-radius:0;box-shadow:none;z-index:61}
 body.shq-on .wchbtn,body.shq-on #rgExit{display:none}
}
@media (max-width:640px){html body.shq-on .wchbtn{display:none!important}body.shq-on .shm,body.shq-on .sht{visibility:hidden}}
/* 📱 bottom bar of the store (Oct 27) — phones + tablets */
.shbb{display:none}
@media (max-width:860px){
 .shbb{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid #E7E9E0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px))}
 .shbb button{position:relative;border:0;background:none;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;color:#4B5563;font-size:11.5px;font-weight:600;padding:4px 0;cursor:pointer}
 .shbb button.on{color:#193F33}.shbb button.on .i{stroke:#193F33;stroke-width:2.4}
 .shbb .sbn{position:absolute;top:0;left:calc(50% + 6px);background:#D22630;color:#fff;font-size:10.5px;min-width:17px;height:17px;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:0 4px}
 .shop{padding-bottom:76px}.shop .sht{display:none}.shexit{margin-bottom:70px}
 .wchbtn{bottom:84px!important}#rgExit{bottom:84px!important}
 body.shq-on .shbb{display:none}
}
@media (max-width:860px){.shbb button .i{padding:3px 10px;width:44px;height:30px;border-radius:8px;box-sizing:border-box}.shbb button.on .i{background:#E9EC90}.shbb button.on{font-weight:800}html.shb .wchbtn{display:none!important}}

/* 🍽 made to order — product rows + a compact choices window (Oct 27) */
.mtot{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px}.mtot::-webkit-scrollbar{display:none}.mtot .cchip{white-space:nowrap}
.mtor{display:flex;align-items:center;gap:10px;width:100%;border:0;border-top:1px solid #EEF0E8;background:none;padding:9px 2px;font:inherit;text-align:left;cursor:pointer}
.mte{width:44px;height:44px;border-radius:10px;background:#fff;border:1px solid #EEF0E8;display:flex;align-items:center;justify-content:center;font-size:26px;flex:none}.mte.big{width:56px;height:56px;font-size:34px}
.mtor .w{flex:1;min-width:0;display:flex;flex-direction:column}.mtor .w b{font-size:14.5px}.mtor .w span{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mtp{font-weight:700;font-size:14px}.mtgo{background:var(--dc,#193F33);color:#fff;font-weight:700;font-size:12.5px;padding:7px 10px;border-radius:8px;white-space:nowrap}
.mtw{display:flex;flex-direction:column;gap:6px}
.mth{display:flex;gap:10px;align-items:center;padding-bottom:6px;border-bottom:1px solid #EEF0E8}.mth>div{display:flex;flex-direction:column}.mth b{font-size:16px}.mth span{font-size:12.5px;color:#6B7280}.mth em{font-style:normal;font-weight:700;font-size:14px;margin-top:2px}
.mog{padding:6px 0 4px}.mog.sub{margin-left:12px;padding-left:10px;border-left:2px solid #E7E9E0}.mog.miss .mogh b{color:#B42318}.mog.miss .moc{outline:2px solid #F4B4AE;outline-offset:3px;border-radius:8px}
.mogh{display:flex;align-items:baseline;gap:8px;margin-bottom:5px}.mogh b{font-size:13.5px}.mogh span{font-size:11.5px;color:#6B7280}.mogh span.req{color:#B42318;font-weight:600}
.moc{display:flex;flex-wrap:wrap;gap:5px}
.moo{border:1px solid #DCE0C6;background:#fff;border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;color:#16241C;cursor:pointer;display:inline-flex;gap:5px;align-items:baseline}
.moo i{font-style:normal;font-size:11px;color:#6B7280}.moo.on{background:#193F33;border-color:#193F33;color:#fff}.moo.on i{color:#E9EC90}.moo.no{text-decoration:line-through;color:#9CA3AF;background:#F7F7F4}
.molv{display:flex;align-items:center;gap:4px;margin:5px 0 0;font-size:12px}.molv span{min-width:90px;color:#4B5563}.molv button{border:1px solid #DCE0C6;background:#fff;border-radius:6px;padding:3px 7px;font:inherit;font-size:11.5px;cursor:pointer}.molv button.on{background:#E9EC90;border-color:#C8CC6A}
.mtn{height:38px;font-size:14px;margin-top:4px}
.mtf{position:sticky;bottom:-1px;background:#fff;display:flex;gap:8px;align-items:center;padding:8px 0 2px;border-top:1px solid #EEF0E8;margin-top:4px}.mtf .sq1{flex:0 0 118px;height:42px}.mtadd{flex:1;height:42px;justify-content:center;font-size:15px}
@media (max-width:640px){.mtn{font-size:16px}}
/* 👤 account step before the order (Oct 27) */
.acs{display:flex;flex-direction:column;gap:10px}.acg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acg .find{height:42px}.acg .find:nth-child(n+3){grid-column:1/-1}
.acerr{color:#B42318;font-size:13px}.acc{text-align:center;font-size:24px;letter-spacing:.3em;height:52px}
.acm{display:flex;align-items:center;gap:10px;border:1px solid #DCE0C6;border-radius:10px;padding:10px}.acm .w{flex:1;display:flex;flex-direction:column}.acm .w span{font-size:12.5px;color:#6B7280}
.acw{display:flex;flex-direction:column;gap:4px;background:#F5F7E3;border-radius:10px;padding:12px}.acw b{font-size:17px;color:#193F33}.acw span{font-size:13.5px;color:#4B5563}.acw .btn{align-self:flex-start;margin-top:4px}
.acv{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #EEF0E8;background:none;padding:9px 2px;font:inherit;text-align:left;cursor:pointer}.acv .w{flex:1;display:flex;flex-direction:column}.acv .w span{font-size:12px;color:#6B7280}.acv.tot{border-bottom:0;border-top:2px solid #193F33}
@media (max-width:640px){.acg .find{font-size:16px}.modal .ail .scq button{width:34px;height:34px;font-size:18px}.modal .ail .scq{gap:6px}}
.acl{display:flex;flex-direction:column;gap:3px}.acl span{font-size:12px;color:#4B5563;font-weight:600}.acl .find{height:42px}
.acg{grid-template-columns:1fr 1fr}.acg .acl:nth-child(1),.acg .acl:nth-child(4),.acg .acl:nth-child(5){grid-column:1/-1}
.acsi{display:flex;flex-direction:column;gap:10px}.acsi>b{font-size:17px;color:#193F33}.acsi .btn{width:100%;justify-content:center}.acpin{letter-spacing:.3em;font-size:18px}
.acor{text-align:center;font-size:13px;color:#6B7280;margin-top:6px}.acnote{background:#FFF5E6;border:1px solid #F8C98D;border-radius:10px;padding:8px 12px;font-size:13.5px}
.acmb{display:flex;gap:6px}.acmb .btn{padding:8px 10px}
@media (max-width:640px){.acl .find{font-size:16px}.acm{flex-wrap:wrap}.acmb{width:100%}.acmb .btn{flex:1;justify-content:center}}
/* 👤 my account page on the website (Oct 27) */
html.shb .acsec{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;gap:6px;scrollbar-width:none;margin-bottom:12px}html.shb .acsec::-webkit-scrollbar{display:none}html.shb .acsec .cchip{flex:0 0 auto!important;width:auto!important;white-space:nowrap}
/* ⏱ department times at checkout + picker line + 📍 order on an open route (Oct 27) */
.dsplit{border:2px solid #E9C846;background:#FFFBEB;border-radius:10px;padding:12px;margin:12px 0;display:flex;flex-direction:column;gap:8px}.dsh b{font-size:15px;color:#7A4B00}
.dsr{display:flex;gap:10px;align-items:center}.dsr>span:first-child{font-size:22px;width:30px;text-align:center}.dsr .w{display:flex;flex-direction:column}.dsr .w b{font-size:14px}.dsr .w span{font-size:12.5px;color:#4B5563}
.dso{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.dso button{border:1.5px solid #DCE0C6;background:#fff;border-radius:10px;padding:10px;font:inherit;text-align:left;display:flex;flex-direction:column;gap:3px;cursor:pointer}
.dso button b{font-size:14px}.dso button span{font-size:12px;color:#4B5563}.dso button em{font-style:normal;font-size:12.5px;font-weight:700;color:#193F33}.dso button.on{border-color:#193F33;background:#F0F5E8;box-shadow:inset 0 0 0 1px #193F33}
.pkdr{display:flex;flex-wrap:wrap;gap:4px 10px;background:#FFFBEB;border:1px solid #F4D77A;border-radius:8px;padding:7px 9px;margin:6px 0;font-size:12.5px}.pkdr b{flex:1 1 100%;font-size:13px;color:#7A4B00}
.rtn{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:2px solid #0369A1;background:#EFF8FF;border-radius:10px;padding:10px 12px;margin-bottom:10px}.rtn .w{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.rtn .w b{color:#0C4A6E}.rtn .w span{font-size:12.5px;color:#374151}.rtn .acts{margin:0}
@media (max-width:640px){.dso{grid-template-columns:1fr}}
/* 👤 my account — settings-style menu (Oct 27) */
.acpage{max-width:720px;margin:0 auto}
.amh{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#193F33,#24584A);border-radius:12px;color:#fff;margin-bottom:14px}
.ava{width:52px;height:52px;border-radius:12px;background:#E9EC90;color:#193F33;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;flex:none}
.amh .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.amh .w b{font-size:18px}.amh .w span{font-size:12.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amb2{background:#E9EC90;color:#193F33;font-size:11.5px;font-weight:800;padding:4px 7px;border-radius:7px;white-space:nowrap}
.amalert{width:100%;border:0;background:#FFF5E6;color:#7A4B00;border-radius:10px;padding:11px 12px;font:inherit;font-weight:700;text-align:left;margin-bottom:14px;cursor:pointer}
.amg{margin-bottom:16px}.amt{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7280;margin:0 4px 6px}
.amb{background:#fff;border:1px solid #E7E9E0;border-radius:12px;overflow:hidden}
.amr{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #F0F1EC;background:#fff;padding:11px 12px;font:inherit;text-align:left;cursor:pointer}.amr:last-child{border-bottom:0}.amr:active{background:#F7F8F2}
.ami{width:34px;height:34px;border-radius:9px;background:#F1F4E4;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.amr .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.amr .w b{font-size:14.5px;font-weight:600;color:#16241C}.amr .w span{font-size:12.5px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amr i{font-style:normal;color:#9CA3AF;font-size:20px}
.amr.out .w b{color:#B42318}
.acback{border:0;background:none;font:inherit;font-weight:700;color:#193F33;padding:4px 0;margin-bottom:2px;cursor:pointer}
/* preference choices as clean switch rows (inside My account on the website) */
html.shb .acpage .rcard{border-radius:12px;border:1px solid #E7E9E0;box-shadow:none}
html.shb .acpage .rcard .ops2{display:flex;flex-direction:column;gap:0}
html.shb .acpage .rcard .ops2 .cchip{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid #F0F1EC;border-radius:0;background:none!important;color:#16241C!important;padding:12px 2px;font-weight:500;font-size:14.5px;text-align:left}
html.shb .acpage .rcard .ops2 .cchip:last-child{border-bottom:0}
html.shb .acpage .rcard .ops2 .cchip::after{content:"";flex:none;width:42px;height:24px;border-radius:7px;background:#E5E7EB;box-shadow:inset 0 0 0 1px #D1D5DB;background-image:linear-gradient(#fff,#fff);background-repeat:no-repeat;background-size:18px 18px;background-position:3px center;transition:background-position .15s}
html.shb .acpage .rcard .ops2 .cchip.on::after{background-color:#193F33;box-shadow:none;background-position:21px center}
/* ↩ returns + my items (Joseph, Oct 27) */
.rts{display:flex;flex-direction:column;gap:10px}
.rtl{display:flex;flex-direction:column;gap:6px}
.rtr{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;color:inherit;cursor:pointer}
.rtr img,.rtr .pic{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.rtr .w{flex:1;min-width:0;display:flex;flex-direction:column}
.rtr .w b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtr .w span{font-size:12px;color:var(--mut)}
.rtr.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
.rtr.off{opacity:.45;cursor:default}
.rtck{width:20px;height:20px;border:1.5px solid var(--line);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:13px}
.rtr.on .rtck{background:var(--brand);border-color:var(--brand);color:#fff}
.rtimg{width:100%;max-height:200px;object-fit:cover;border-radius:10px}
.rtpk{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.rtpk .w{display:flex;flex-direction:column}.rtpk .w span{font-size:12px;color:var(--mut)}
.rtst{border:1px dashed var(--line);border-radius:10px;padding:10px 12px;font-size:13px}
.rtcold{background:#E8F3FB;color:#0B4A6F;border-radius:10px;padding:10px 12px;font-size:13px}
.rtcard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}
.rth{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rth .sp{flex:1}
.rtsteps{display:flex;gap:4px}.rtsteps span{flex:1;text-align:center;font-size:11px;padding:5px 2px;border-radius:6px;background:var(--bg,#F3F4F0);color:var(--mut)}
.rtsteps span.d{background:var(--brand);color:#fff}
.rtphs{display:flex;gap:8px;flex-wrap:wrap}.rtphs figure{margin:0;width:90px}.rtphs img{width:90px;height:90px;object-fit:cover;border-radius:8px;display:block}.rtphs figcaption{font-size:11px;color:var(--mut);text-align:center}
.rtgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:10px}
.rtrule{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--surface);font:inherit;font-size:13px;text-align:left;color:inherit;cursor:pointer}
.rtrule.on{border-color:#2E7D4F;background:#E9F6EE}
.drrt{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.drrt:last-child{border-bottom:0}
.drrt .w{flex:1;display:flex;flex-direction:column;min-width:0}.drrt .w span{font-size:12px;color:var(--mut)}
.rtnote{background:#E9F6EE;color:#1E5B38;border-radius:10px;padding:9px 12px;font-size:13px;margin-bottom:8px}
/* 🏠 address suggestions while typing */
.adsug{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-top:4px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.adsug button{border:0;border-bottom:1px solid var(--line);background:none;text-align:left;padding:11px 12px;font:inherit;font-size:15px;color:inherit;cursor:pointer}
.adsug button:last-child{border-bottom:0}.adsug button:active{background:#EEF4EF}
.acnou{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#193F33;align-self:end;min-height:42px}.acnou input{width:20px;height:20px;accent-color:#193F33}.acl .req{color:#C0392B}
.acfd{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.acfd .w{flex:1;display:flex;flex-direction:column;min-width:0}.acfd .w span{font-size:12px;color:var(--mut)}
.rtscl{display:flex;flex-direction:column;gap:4px;font-size:13px}.rtscl div{padding:6px 10px;border:1px solid var(--line);border-radius:8px;color:var(--mut)}.rtscl .ok{color:#1E5B38;background:#E9F6EE;border-color:#BFE3CC;font-weight:600}
/* 🏷 door sticker */
.dsint{font-size:14px;margin-bottom:10px;display:block}.dsk{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.dsk .w{flex:1;display:flex;flex-direction:column;min-width:0}.dsk .w span{font-size:12px;color:var(--mut)}
.dsl{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mut)}.dsreq{border:2px solid #F0B429!important}.dsbuy{display:flex;flex-direction:column;gap:8px}
/* 🏷 shelf tags (e-paper look) */
.eslg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.eslc{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--surface);display:flex;flex-direction:column;gap:8px}.eslc.low{border-color:#F0B429}.eslc.off{border-color:#D64545;opacity:.8}
.eslf{background:#F4F2EC;border:6px solid #2B2B2B;border-radius:8px;padding:6px 8px;font-family:Arial,sans-serif;color:#111;aspect-ratio:2.4/1;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.eslf .en{font-size:12px;font-weight:700;line-height:1.15;max-height:2.3em;overflow:hidden}.eslf .ep{display:flex;align-items:baseline;gap:6px}.eslf .ep b{font-size:20px}.eslf .ep s{font-size:11px;color:#555}.eslf .ep .es{color:#C0392B}.eslf .ep i{font-style:normal;font-size:10px;font-weight:700;background:#C0392B;color:#fff;padding:1px 4px;border-radius:3px}
.eslf .ec{display:flex;justify-content:space-between;font-size:9px;color:#555}.eslf.big{max-width:320px;margin:0 auto 12px}.eslf.big .en{font-size:16px}.eslf.big .ep b{font-size:30px}
.eslf::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:2px;background:#bbb}.eslf.fl::after{animation:eslbl .5s steps(2) infinite}.eslf.fl{box-shadow:0 0 0 3px #2E9E5B}
@keyframes eslbl{0%{background:#2E9E5B}100%{background:#bbb}}
.esli{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mut)}.eslb{flex:1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.eslb i{display:block;height:100%;background:#2E9E5B}.eslc.low .eslb i{background:#F0B429}.eslc.off .eslb i{background:#D64545}
.eslc .acts{margin:0;gap:6px}.eslh{display:flex;gap:8px;margin-bottom:6px}.eslwarn{border-color:#F0B429}
@media (max-width:640px){.eslc{padding:7px}.eslf{border-width:4px;padding:4px 6px}.eslf .en{font-size:11px}.eslf .ep b{font-size:16px}.eslf .ec span:first-child{display:none}.eslc .acts .btn{padding:5px 8px;font-size:12px}.eslf.big .ep b{font-size:26px}}
.mkw{color:#B7791F;font-weight:600}#pcT td{vertical-align:middle}@media (max-width:640px){#pcT th:nth-child(4),#pcT td:nth-child(4),#pcT th:nth-child(5),#pcT td:nth-child(5),#pcT th:nth-child(8),#pcT td:nth-child(8){display:none}}
#pcT th.r,#pcT td.num{padding-left:10px}
/* Admin → Island team on the phone: one card … */
@media (max-width:640px){.adt thead{display:none}.adt,.adt tbody{display:block}.adt tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line)}
.adt td{display:block;border:0!important;padding:0!important;font-size:13px!important}.adt td:first-child{flex:1 1 auto;min-width:0}.adt td:nth-child(2){flex:1 1 100%;display:flex;flex-wrap:wrap;gap:4px;padding-left:42px!important}
.adt td:last-child{flex:none}.adt td:last-child:empty{display:none}.adt .adp b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:14px}.adt .tag{font-size:11px!important;padding:2px 7px!important;line-height:1.4}}
@media (max-width:640px){html body table.rpt.adt td:first-child{flex:1 1 60%!important;width:auto!important;max-width:none!important;overflow:visible!important}html body table.rpt.adt .adp{display:flex!important;gap:10px}html body table.rpt.adt .adav{display:inline-flex!important;width:32px;height:32px;font-size:12px}html body table.rpt.adt td{font-size:13px!important}html body table.rpt.adt .adp b{font-size:14px!important}}
@media (max-width:640px){html body table.rpt.adt tr{padding:8px 10px;gap:4px 8px}html body table.rpt.adt td:first-child{flex:1 1 0!important;order:0}html body table.rpt.adt td:last-child{order:1}html body table.rpt.adt td:nth-child(2){order:2;padding-left:42px!important}html body table.rpt.adt td:last-child .btn{padding:5px 10px;font-size:12px}html body table.rpt.adt td:nth-child(2) .small{font-size:12px}}
@media (max-width:640px){html body table.rpt.adt .nosgn{display:none}html body table.rpt.adt td:nth-child(2){min-height:0}}
.pmenu{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.pmenu img{width:100%;border-radius:8px;border:1px solid var(--line)}.pbadge .btn{margin-left:auto}
@media (max-width:640px){html,body{overflow-x:clip}input,select,textarea{font-size:16px}}
img.plogo[src*="p-rollmaster"]{height:64px} /* Sushi Studio logo is tall (Joseph, Oct 28) */.pbadge img.plogo[src*="p-rollmaster"]{height:36px}img.plogo[src*="p-shloimie"]{height:52px}

/* a card open: the page behind never scrolls, the card does (Moses, Oct 27) */
html.m-open,html.m-open body{overflow:hidden!important;overscroll-behavior:none}.modal{overscroll-behavior:contain;touch-action:pan-y}.modal .box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (max-width:640px){.modal .box{max-height:92dvh}}
/* 🛒 Shop by department = big picture cards, first on the store home (Joseph, Oct 27) */

/* ＋ on every Island page (Moses, Oct 27) — a … */
.isl-fab{position:fixed;right:18px;bottom:24px;z-index:45;width:56px;height:56px;border-radius:16px;border:0;background:var(--brand);color:var(--brand-ink,#fff);font-size:30px;line-height:1;font-weight:500;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer}@media (max-width:640px){.isl-fab{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}html.m-open .isl-fab,html.fr-modal .isl-fab{display:none}
.isl-adds{margin-top:.6rem}.isl-adds:first-child{margin-top:.2rem}.isl-addh{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 .35rem .1rem}.isl-addg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.isl-addg button{display:grid;justify-items:center;gap:.35rem;padding:.7rem .3rem;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:inherit;font-weight:600;font-size:.78rem;line-height:1.15;text-align:center;cursor:pointer}.isl-addg button:hover{border-color:var(--brand)}.isl-addg svg{width:24px;height:24px;color:var(--brand)}

/* Departments = big store cards with the log … */
.dsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:10px}.dsc{display:flex;flex-direction:column;gap:0!important;border:1px solid #e3e6dc;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;font:inherit;text-align:left;padding:0;box-shadow:0 2px 8px rgba(20,48,31,.07);transition:transform .15s,box-shadow .15s}.dsc:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,48,31,.12)}
.dsy{flex:1;min-height:150px;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--pc) 7%,#fff)}.dsy img{max-width:80%;max-height:110px;object-fit:contain}.dsy b{font-size:24px;text-align:center}
.dsn{background:var(--pc);color:#fff;padding:10px 14px;display:flex;flex-direction:column}.dsn b{font-size:16px}.dsn i{font-style:normal;font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sthl{position:relative;padding-left:18px;display:flex}.sthl img{height:clamp(44px,9vw,64px);width:auto;max-width:40vw;object-fit:contain;position:static}
.hcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-bottom:10px}.hct{display:flex;align-items:center;gap:10px!important;padding:6px;border:1px solid #e3e6dc;border-radius:10px;background:#fff;cursor:pointer;font:inherit;text-align:left}.hct:hover{border-color:#193F33}
.hci{flex:0 0 48px;height:48px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:26px;background:var(--dc)}.hci img{width:100%;height:100%;object-fit:cover}
.hcn{display:flex;flex-direction:column;min-width:0}.hcn b{font-size:14px;color:#14301F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hcn i{font-style:normal;font-size:11px;color:#5b6b60}
@media (max-width:640px){.dsg{grid-template-columns:repeat(2,1fr);gap:10px}.dsy{min-height:110px;padding:10px}.dsy img{max-height:76px}.dsy b{font-size:18px}.dsn{padding:7px 10px}.dsn b{font-size:13px}.dsn i{font-size:10px}.hcg{grid-template-columns:repeat(2,1fr);gap:6px}.hci{flex-basis:40px;height:40px;font-size:22px}.hcn b{font-size:13px}}

/* Departments cards more compact (Moses, Oct 27) */
.dsg{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.dsy{min-height:78px;padding:8px}.dsy img{max-height:54px;max-width:70%}.dsy b{font-size:17px}.dsn{padding:6px 10px}.dsn b{font-size:13.5px}.dsn i{font-size:11px}

/* the website fills the screen on computers (Moses, Oct 27: "fit to screen") */
.shm{max-width:none;padding-left:28px;padding-right:28px}

/* Departments always edge to edge (Moses, Oct 27): computer … */
.dsg{grid-template-columns:repeat(var(--n,8),minmax(0,1fr));grid-auto-flow:row}
@media (max-width:1100px){.dsg{grid-template-columns:repeat(var(--n2,4),minmax(0,1fr))}}
@media (max-width:640px){.dsg{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:42vw;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.dsg::-webkit-scrollbar{display:none}.dsc{scroll-snap-align:start}}
/* Department card = the logo fills the card, a LIGHT strip … */
.dsy{padding:6px!important;background:color-mix(in srgb,var(--pc) 6%,#fff)}.dsy img{max-width:94%!important;max-height:none!important;width:94%;height:100%;object-fit:contain}
.dsg .dsy{aspect-ratio:16/9;min-height:0!important}
.dsn{background:color-mix(in srgb,var(--pc) 13%,#fff)!important;color:var(--pc)!important;border-top:1px solid color-mix(in srgb,var(--pc) 20%,#fff)}.dsn b{color:color-mix(in srgb,var(--pc) 85%,#000)}.dsn i{color:#55605a;opacity:1!important}
/* Category chips under a counter (Moses, Oct 27: "I can't swipe it, I can't see */
.shdepbar{flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start!important}
@media (max-width:640px){.shdepbar{display:grid!important;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto!important;padding-bottom:4px}}

/* account button in the website's top bar (M … */
.shacb{margin-left:auto;margin-right:6px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.shacb.on b{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:22%;background:#14532d;color:#fff;font-size:11px}
.shacb{height:42px}.shacb+.shcart{margin-left:0!important}

/* Island website account windows = a pop-up … */
.modal.acpop{justify-content:center;align-items:center;padding:16px}.modal.acpop .box{height:auto;max-height:92vh;width:min(520px,100%);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25);position:relative}
.acask{position:absolute;inset:0;background:rgba(255,255,255,.86);display:flex;align-items:center;justify-content:center;padding:16px;border-radius:inherit;z-index:2}.acaskb{background:#fff;border:1px solid #e3e6dc;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:16px;display:flex;flex-direction:column;gap:8px;max-width:360px}.acaskr{display:flex;gap:8px;flex-wrap:wrap}.acaskr .btn{flex:1}
.itso{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.shall{margin:0 0 10px;font-weight:700}

/* My purchases = cards you tap (Moses, Oct 27) */
.acv.vbuy{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border:1px solid #e3e6dc;border-radius:12px;background:#fff;margin-bottom:8px;cursor:pointer}.acv.vbuy:hover{border-color:#14532d;box-shadow:0 2px 10px rgba(20,48,31,.08)}
.vbd{flex:none;width:48px;height:52px;border-radius:10px;background:#eef3ea;color:#14532d;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}.vbd b{font-size:19px}.vbd small{font-size:11px;text-transform:uppercase;font-weight:700}
.vbuy .w{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vbuy .w>span{font-size:12.5px;color:#5c6660}.vbt{display:flex;align-items:center;gap:8px;font-size:16px;white-space:nowrap}.vbt i{font-style:normal;color:#9aa39d;font-size:20px}
.vbk{font-weight:700;color:#14532d}.vbk-wa{color:#128c4b}.vbk-web{color:#1d4ed8}.vbk-sms{color:#7c3aed}.vbk-email{color:#b45309}.vbk-phone{color:#0f766e}

/* My account fills the screen (Moses, Oct 27 … */
.amgrid{display:grid;grid-template-columns:1fr;gap:4px 16px;align-items:start}
@media (min-width:900px){.amgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1400px){.amgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.acpage{max-width:1280px!important}
/* phone: departments = 3 across, small cards, all on the sc … */
@media (max-width:640px){.dsg{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important;gap:6px!important;padding-bottom:0}
 .dsg .dsy{aspect-ratio:auto!important;height:58px;padding:4px!important}.dsg .dsy img{width:92%;height:100%}.dsg .dsy b{font-size:12px!important;line-height:1.15}
 .dsg .dsn{padding:4px 6px!important}.dsg .dsn b{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsg .dsn i{display:none}.dsc{border-radius:10px!important}}
/* phone: the category chips wrap as small chips — all on th … */
@media (max-width:640px){.shdepbar{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:5px!important;grid-template-rows:none!important}.shdepbar .cchip{padding:4px 8px!important;font-size:12px!important;min-height:0!important;height:auto!important;flex:none!important}}

/* phone: My purchases & orders compact (Moses, Oct 27) — boxes 3 across, small cards */
@media (max-width:640px){.acpop2 .boxes,.acpage .boxes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.acpop2 .bc-box,.acpage .bc-box{padding:7px 8px!important;min-width:0}
 .acv.vbuy{padding:9px;gap:9px}.vbd{width:40px;height:44px}.vbd b{font-size:16px}.vbuy .w>b{font-size:13.5px}.vbuy .w>span{font-size:11.5px}.vbt{font-size:14px;gap:4px}}
/* phone: products 2 across (Joseph, Oct 27: … */
@media (max-width:640px){.shg{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .shg .shc{padding:8px!important;border-radius:10px!important;min-width:0}.shg .shp{gap:3px!important;padding:0!important}.shg .shp .pic,.shg .shp img,.shg .shp>span:first-child{max-height:110px}
 .shg .shp>b{font-size:13px!important;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shg .shp .small{font-size:11.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .shg .pr{font-size:15px!important}.shg .stk,.shg .mpr,.shg .smtag{font-size:11px!important}
 .shg .shctl{gap:5px!important}.shg .shctl .btn{padding:6px 4px!important;font-size:12.5px!important;min-height:34px!important;height:auto!important}.shg .sq1 button{width:30px!important;height:32px!important}.shg .sq1 b{font-size:13px}}
[data-shadd],[data-shq1]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
/* every department card the SAME size — the … */
.dsg{grid-auto-rows:1fr}.dsg .dsc{height:100%}.dsg .dsy img{max-width:92%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain}
@media (max-width:640px){.dsg .dsy{flex:none!important;height:64px!important;min-height:64px!important;max-height:64px!important;aspect-ratio:auto!important;overflow:hidden}.dsg .dsn{flex:none}}
.dsg .dsn b,.dsg .dsn i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dsg .dsy{flex:none}
/* product cards LINED UP (Moses, Oct 27: "lined up straight — the prices, in st */
.shg .shp>b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:2.5em}
.shg .shp>.small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1.3em;line-height:1.3}
.shg .shp>.pr{display:block;white-space:nowrap;line-height:1.3;min-height:1.3em}
.shg .shp>.stk,.shg .shp>.mpr,.shg .shp>.npf,.shg .shp>.smtag{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.shg .shc{height:100%}.shg{align-items:stretch}

/* the floating cart above Chat (Moses, Oct 27) */
.cartfab{position:fixed;right:16px;bottom:76px;z-index:30;border:1px solid #d6dccb;background:#fff;color:#193F33;font:inherit;font-weight:700;font-size:15px;padding:10px 16px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer;display:flex;align-items:center;gap:6px}
.cartfab.on{background:#E9EC90;border-color:#cfd36a}.cartfab b{font-size:16px}.cartfab.bump{animation:cfb .35s}
@keyframes cfb{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@media (max-width:640px){.cartfab{bottom:148px;padding:10px 12px;font-size:14px}.cartfab span{display:none}}


/* the cart = clean + small (Moses, Oct 27: " … */
.cartc .ail{padding:6px 2px!important;gap:8px!important;background:none!important;border-radius:0!important}.cartc .ail .pic,.cartc .ail .pic.md{width:32px!important;height:32px!important;font-size:18px!important;flex:none}
.cartc .ail .w{gap:1px!important}.cartc .ail .w b{font-size:13.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cartc .ail .w .small{font-size:11.5px}
.cartc .scq{gap:4px!important}.cartc .scq button{width:26px!important;height:26px!important;font-size:15px!important;border-radius:7px!important;padding:0}.cartc .scq b{font-size:14px!important;min-width:20px}
.cartc .ail>.num{font-size:13.5px;min-width:58px;text-align:right}
.cartc .subl{display:block;font-size:11px!important;padding:0 0 6px 40px!important;margin:0!important;color:#5c6660!important;border-bottom:1px solid var(--line)}
.cartc .sctot{background:#F4F6EC!important;color:#193F33!important;padding:10px 12px!important;border-radius:10px!important;font-size:14px!important;gap:0!important;margin:10px 0!important}
.cartc .sctot div{padding:2px 0!important}.cartc .sctot .big{font-size:17px!important;border-top:1px solid #d6dccb!important;margin-top:4px!important;padding-top:6px!important}.cartc .sctot b{font-size:inherit!important;color:#193F33!important}
.cartc .howo{gap:6px!important}.cartc .howo button{padding:7px 8px!important}.cartc .howo b{font-size:13px}.cartc .howo span{font-size:11px}.cartc .howo em{font-size:12px}
.cartc .label{font-size:12px}.cartc select{padding:6px 8px;font-size:14px}

/* When: Today | Tomorrow + little time boxes (Moses, Oct 27) */
.sdays{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 6px}.sdays button{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:7px;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.sdays button.on{background:#193F33;color:#fff;border-color:#193F33}
.sslots{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-bottom:8px}.sslots button{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:7px 4px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px}.sslots button span{font-size:10.5px;color:#5c6660;font-weight:500}.sslots button.on{border:2px solid #193F33;background:#F2F4E1}
.sslots button:first-child b{font-size:12.5px}

/* 💳 payment method line + picker (Moses, Oct 27) */
.paym{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #DCE0C6;border-radius:10px;padding:7px 10px;margin:6px 0 10px;font-size:13.5px}.paym .btn{padding:5px 12px}
.paysel{display:flex;flex-direction:column;gap:6px}.paysel button{display:flex;align-items:center;gap:10px;border:1px solid #DCE0C6;border-radius:10px;background:#fff;padding:10px 12px;font:inherit;text-align:left;cursor:pointer}.paysel button span{flex:1}.paysel button small{color:#5c6660}.paysel button i{font-style:normal;color:#193F33;font-weight:800}.paysel button.on{border:2px solid #193F33;background:#F2F4E1}

/* order placed + My orders flow (Moses, Oct 27) */
.oit{display:flex;justify-content:space-between;font-size:13px;padding:4px 0 0}.oit.tot{font-size:15px;font-weight:800;border-top:1px solid #E7E9E0;margin-top:4px;padding-top:6px}
.ordacts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ordc{background:#fff;border:1px solid #E7E9E0;border-radius:12px;padding:12px 14px;margin-bottom:10px}.ordc.smord{border-color:#f0c9c9}
.ordh{display:flex;align-items:flex-start;gap:10px}.ordh .w{flex:1;display:flex;flex-direction:column}.ordh .w small{color:#5c6660;font-size:12px}.ordh>.num{font-size:16px}
.ordst{margin:10px 0 6px;display:flex;flex-direction:column}.ordst b{font-size:17px;color:#193F33}.ordst span{font-size:12.5px;color:#5c6660}
.ordbar{position:relative;height:6px;background:#E7E9E0;border-radius:6px;margin:10px 6px 4px}.ordbar i{position:absolute;left:0;top:0;bottom:0;background:#193F33;border-radius:6px}.ordbar span{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:22%;background:#fff;border:2px solid #cfd5c4}.ordbar span.on{background:#193F33;border-color:#193F33}
.ordbl{display:flex;justify-content:space-between;font-size:10.5px;color:#7a837d;margin:2px 0 8px}.ordbl small.on{color:#193F33;font-weight:800}
.ordpics{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ordpics .pic{width:34px!important;height:34px!important;font-size:18px!important}.ordpics .more{font-size:12px;font-weight:700;color:#193F33}
.otl{display:flex;flex-direction:column;gap:0;margin:4px 0 10px}.otr{display:flex;gap:10px;align-items:flex-start;padding:8px 0;position:relative}.otr .otd{width:26px;height:26px;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#E7E9E0;border-radius:22%!important;color:#7a837d}.otr.d .otd,.otr.on .otd{background:#193F33;color:#fff}.otr .w{display:flex;flex-direction:column}.otr .w small{font-size:12px;color:#5c6660}.otr.on .w b{color:#193F33}

/* website top bar lined up (Moses, Oct 27): every box the same height, centered */
@media (min-width:641px){.shh{display:flex;align-items:center;gap:12px}.shh .shs{display:flex;align-items:center;gap:6px;flex:1;max-width:720px;margin:0 auto}}.shh .shs .find{height:42px;box-sizing:border-box;flex:1;margin:0}
.shh .shs .btn,.shh .shacb,.shh .shcart{height:42px;min-height:42px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;margin:0}.shh .shs .btn{width:42px;padding:0}
.shh .lg{height:40px;width:auto;flex:none}.shscan{font-size:18px}
.shh .shs .find{min-width:0}@media (max-width:640px){.shh .shs .btn{width:40px;height:40px;min-height:40px;flex:none}}
.shh .shacb{margin-left:auto!important;margin-right:6px!important}

/* top bar, take 2 (Moses, Oct 27: "still not nice"): search fills the space bet */
@media (min-width:641px){.shh{gap:20px!important;padding:12px 24px!important}.shh .shs{max-width:none!important;flex:1;margin:0!important;border:1px solid #d6dccb;border-radius:12px;background:#fff;padding:3px;gap:2px!important;height:44px;box-sizing:border-box}
 .shh .shs .find{border:0!important;box-shadow:none!important;height:36px!important;background:transparent;padding:0 10px;font-size:15px}.shh .shs .find:focus{outline:none}
 .shh .shs .btn{width:38px!important;height:36px!important;min-height:36px!important;border:0!important;background:#F2F4E1!important;border-radius:9px!important;color:#193F33}.shh .shs .btn:hover{background:#E9EC90!important}
 .shh .shacb,.shh .shcart{height:44px!important;min-height:44px!important;border-radius:12px!important;padding:0 14px!important}.shh .lg{height:44px}}
.shh .shs .btn .i{display:block}
@media (max-width:640px){.shh .shs{border:1px solid #d6dccb;border-radius:12px;background:#fff;padding:3px;gap:2px!important;height:46px;box-sizing:border-box;display:flex;align-items:center}
 .shh .shs .find{border:0!important;box-shadow:none!important;height:38px!important;background:transparent;padding:0 10px;font-size:15px;flex:1;min-width:0}.shh .shs .find:focus{outline:none}
 .shh .shs .btn{width:40px!important;height:38px!important;min-height:38px!important;border:0!important;background:#F2F4E1!important;border-radius:9px!important;color:#193F33;flex:none}
 .shh .shacb,.shh .shcart{height:44px!important;min-height:44px!important;min-width:44px;border-radius:12px!important;padding:0 10px!important}.shh .shacb.on b{width:28px;height:28px}}
.ipic.hasimg{background:#fff;overflow:hidden}.ipic.hasimg img{width:100%;height:100%;object-fit:contain}
/* order = the receipt layout + hold note (Moses, Oct 27) */
.rcpt.ordrc{max-width:none;margin:8px 0 0;border:1px solid var(--line);padding:8px 12px}.ordhold{margin:8px 0 2px;padding:7px 9px;border:1px solid #E7C873;background:#FFF8E1;border-radius:8px;font-size:11.5px;line-height:1.35;color:#5b4a12}
/* cart / Change order: search + add, 🗑 remove (Moses, Oct 27) */
.cfind{display:flex;gap:6px;margin:0 0 6px}.cfind .find{flex:1;min-width:0;height:40px}.cfind .btn{height:40px;width:44px;padding:0;display:flex;align-items:center;justify-content:center}
.cfres{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.cfres:empty{display:none}.cfr2{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:5px 8px}.cfr2 .w{flex:1;min-width:0;display:flex;flex-direction:column}.cfr2 .w b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfr2 .w small{font-size:11px;color:var(--mut)}.cfr2 .pic,.cfr2 img{width:34px;height:34px;flex:none}.cfr2 .btn{height:32px;padding:0 10px;font-size:12.5px;white-space:nowrap}
.scq .cdel{margin-left:4px;border:1px solid var(--line);background:#fff;border-radius:8px;width:28px;height:28px;font-size:13px;line-height:1;cursor:pointer}
/* item window = the WHOLE picture, sharp (Mo … */
.shpix{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;overflow:hidden;margin-bottom:6px}.shpix img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.shpix.noimg{display:none}
.ipic.noimg{background:#F2F4E1}
@media(max-width:640px){.shpix{height:200px}}
.cfw{position:relative;flex:1;min-width:0;display:flex}.cfw .find{padding-right:38px}.cfclr{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:#EEF1EC;border-radius:8px;font-size:13px;color:#193F33;cursor:pointer}.cfclr[hidden]{display:none}
.shpix.itbig{height:230px;padding:10px;box-sizing:border-box;border:1px solid var(--line);margin-bottom:10px}@media(max-width:640px){.shpix.itbig{height:190px}}
.ipic .ipxi.ov{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;border-radius:inherit}.ipxbigw img.ipxbig{max-height:220px}
/* every product picture = the WHOLE picture, never cut (Moses, Oct 27: "all the */
.ipic.hasimg{position:relative}.ipic.hasimg img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:4px;box-sizing:border-box}
.ipic .ipxi.ov{object-fit:contain!important;max-height:none!important;padding:4px;box-sizing:border-box}
.ipic.hasimg{background:#fff!important}
.show-ph{display:none!important}@media(max-width:640px){.show-ph{display:inline-flex!important}}
.acwa{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.acwa .acnou{margin:0 0 10px;white-space:nowrap}
/* account form: every row lined up (Moses, Oct 27: "boxes not aligned") */
.acg.acal{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}.acg.acal .acl{margin:0;min-width:0}.acg.acal .acl>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.acg.acal .acl .find{width:100%;height:44px;box-sizing:border-box}.acg.acal .acfull,.acg.acal .acwa{grid-column:1/-1}.acg.acal .acbox{height:44px;display:flex;align-items:center;gap:8px;margin:0;white-space:nowrap}
.acg.acal .acwa{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.acg.acal .acwa .acnou{height:44px;display:flex;align-items:center;gap:8px;margin:0}
.acg.acal .acl{grid-column:auto!important}.acg.acal .acfull,.acg.acal .acwa{grid-column:1/-1!important}.acg.acal .acnou input{width:20px!important;height:20px!important;flex:none;margin:0;padding:0;background:none;border:0}.acg.acal .acnou{font-size:13.5px;white-space:nowrap;overflow:hidden}
.acg.acal .acbox{background:none!important;border:0!important;color:#193F33!important;padding:0!important;font-size:13.5px!important;font-weight:600}
.acg.acal .acbox,.acg.acal .acwa .acnou{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;height:44px!important}
.acg.acal .acbox,.acg.acal .acwa .acnou{flex-wrap:nowrap!important;font-size:13px!important}
.acg.acal .acwa{grid-template-columns:1fr 1fr!important;gap:10px 12px!important}
/* 🏠 website front page (Joseph, Oct 27 — his picked design; nothing scrolls sideways) */
.hmtop{background:#193F33;color:#fff;border-radius:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;margin:4px 0 0}
.hmhi{font-size:20px;font-weight:800;line-height:1.2}

.hmdl{font-size:13px;color:#E9EC90;line-height:1.4}.hmdl b{color:#fff}
.hmfree{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #DCE0C6;border-radius:10px;padding:9px 12px;margin-top:10px;font-size:13px}
.hmfree i{display:block;height:6px;background:#EEF0C8;border-radius:4px;overflow:hidden}.hmfree i b{display:block;height:100%;background:#165C3A}
.hmsp{display:flex;border-radius:12px;overflow:hidden;background:#193F33;color:#fff;margin-top:16px;min-height:150px}
.hmspi{width:44%;flex:none;border:0;padding:10px;background:#fff;display:grid;place-items:center;cursor:pointer}.hmspi .ipic,.hmspi img{max-height:140px;width:100%;object-fit:contain}
.hmsp>div{padding:14px;display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.hmsp small{color:#E9EC90;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.hmsp>div>b{font-size:16px;line-height:1.25;cursor:pointer}.hmspp{font-size:20px;font-weight:800}.hmspp s{font-size:13px;opacity:.7;font-weight:500;margin-left:6px}
.hmspa{background:#E9EC90!important;color:#193F33!important;border:0!important;font-weight:800;height:40px;margin-top:auto}.hmsp .sq1{background:#fff;color:#193F33;border-radius:10px;align-self:flex-start;margin-top:auto}
.shh2.hmh{display:flex;align-items:baseline;gap:8px}.shh2.hmh .sp{flex:1}.shh2.hmh .linkb{color:#165C3A;text-decoration:none;font-weight:700;font-size:13.5px;padding:0;align-self:auto;cursor:pointer}
.hmc{position:relative}.hmc .shp{padding-bottom:4px}
.hmadd{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:10px;background:#193F33;color:#fff;font-size:22px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.15);z-index:2}
.hmadd.s{position:static;width:32px;height:32px;font-size:20px;box-shadow:none;flex:none}
.hmq{position:absolute;right:6px;top:6px;background:#fff;border:1px solid #DCE0C6;border-radius:10px;z-index:2}
.hmtag{position:absolute;left:8px;top:8px;background:#FDE8E8;color:#B42318;font-weight:800;font-size:10.5px;padding:2px 6px;border-radius:6px;z-index:1}
.pr.hmred{color:#B42318}.pr s{color:#6B7280;font-weight:500;font-size:12px}
.hmoos{position:absolute;right:8px;top:10px;font-size:11px;color:#B42318;font-weight:700;background:#fff;padding:2px 6px;border-radius:6px}
.hmshab{background:#fff;border:1px solid #DCE0C6;border-radius:12px;overflow:hidden}
.hmshab .hd{background:#EEF0C8;padding:10px 12px;display:flex;gap:8px;align-items:center}.hmshab .hd span{display:flex;flex-direction:column}.hmshab .hd i{font-style:normal;font-size:12px;color:#5B665E}
.hmshab .r{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #DCE0C6}.hmshab .r .w{flex:1;min-width:0;border:0;background:none;font:inherit;text-align:left;padding:0;cursor:pointer;display:flex;flex-direction:column}
.hmshab .r .w b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmshab .r .w i{font-style:normal;font-size:12px;color:#5B665E}.hmshab .hmoos{position:static}
html.shb .shbb{grid-template-columns:repeat(6,1fr)}html.shb .shbb button span{font-size:10.5px}
@media (min-width:641px){.hmsp{max-width:640px}}

/* product card − qty + (Moses, Oct 27): ligh … */
.sq1.stp{border:1px solid #D9DED3;background:#fff;border-radius:10px;height:38px;padding:3px;gap:4px;overflow:visible}
.sq1.stp button{background:#F2F5EE;color:#193F33;width:32px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:0 0 32px;transition:background .15s}
.sq1.stp button.stpl{background:#193F33;color:#fff}
.sq1.stp button:disabled{opacity:.35;cursor:default}
.sq1.stp b{font-size:14px;font-weight:600;color:#193F33}.sq1.stp:not(.has) b{color:#9AA39A;font-weight:500}
.sq1.stp.has{border-color:#193F33}
@media(hover:hover){.sq1.stp button.stm:not(:disabled):hover{background:#E4EADF}.sq1.stp button.stpl:hover{background:#0F2C23}}
.dth .sq1.stp{border-color:#D9DED3}.dth .sq1.stp.has{border-color:var(--dc)}.dth .sq1.stp button{background:#F2F5EE;color:var(--dc)}.dth .sq1.stp button.stpl{background:var(--dc);color:#fff}.dth .sq1.stp b{color:var(--dc)}
@media(max-width:640px){.shg .sq1.stp button{width:28px!important;height:28px!important;flex-basis:28px}}

/* cards in a row − / + (Moses, Oct 27) */
.shzm{display:flex;gap:3px;flex:none}.shzm .btn{width:30px;min-width:30px;padding:0;font-size:18px;font-weight:600;justify-content:center}
body.shz2 .shg{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.shz3 .shg{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.shz4 .shg{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.shz5 .shg{grid-template-columns:repeat(5,minmax(0,1fr))!important}body.shz6 .shg{grid-template-columns:repeat(6,minmax(0,1fr))!important}body.shz4 .shg,body.shz5 .shg,body.shz6 .shg{gap:6px!important}body.shz6 .shg .sq1 button{width:28px;flex-basis:28px}
@media(max-width:640px){body.shz3 .shg .shc,body.shz4 .shg .shc{font-size:11px}body.shz3 .shg [data-shcase],body.shz4 .shg [data-shcase],body.shz3 .shg .csp,body.shz4 .shg .csp{display:none}body.shz4 .shg .sq1 button{width:22px!important;flex-basis:22px}body.shz4 .shg .shc b{font-size:11.5px}}
/* the website's top bar stays at the top (Moses, Oct 27: "this should be freeze */
@media (max-width:640px){.shh .shs .shzm .btn{width:30px!important;min-width:30px}.shh .shs{gap:4px}}
html:not(.shpf) body.pg-shop .shh{top:44px}
.ivhist td:first-child,.ivhist th:first-child{font-size:12px!important;width:56%!important}.ivhist th:first-child{font-size:9.5px!important}.ivhv,.ivhd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivhist tr{cursor:pointer}.ivhd{color:#6B7A72;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivhist td.r,.ivhist th.r{text-align:right;white-space:nowrap}
/* front page lists = cards that open / close (Moses, Oct 28) */
.hmbox{border:1px solid #E1E5D6;border-radius:12px;background:#fff;margin:10px 0}.hmbh{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.hmbt{flex:1;min-width:0;display:flex;flex-direction:column}.hmbt b{font-size:17px;color:#193F33}.hmbt i{font-style:normal;font-size:12.5px;color:#6B7A72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmbh .hmcv{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:8px;background:#F2F5EE;color:#193F33;transition:transform .2s}.hmbox.open .hmcv{transform:rotate(180deg)}.hmbb{padding:0 12px 12px}.hmbb .hmshab{margin:0}
/* phone full-screen search: the header under … */
.sgl{font-size:12px;font-weight:700;color:#6B7A72;text-transform:uppercase;letter-spacing:.04em;margin:12px 12px 6px}.sgcs{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.sgch{border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:8px 12px;font:500 14px Inter,sans-serif;color:#193F33;cursor:pointer}
.sgh{font-size:13px;color:#6B7A72;margin:16px 12px 0}
/* search frozen at the top + ✕ always (Moses … */
.shs .shclr{display:none;flex:none;width:32px;align-self:center;margin-left:-38px;margin-right:6px;z-index:1;border:0;background:#EEF1E6;border-radius:8px;height:28px;font-size:13px;color:#193F33;cursor:pointer}.shs .find:not(:placeholder-shown)~.shclr{display:block}
.shcx{font-size:18px;width:36px}
@media (max-width:640px){body.shq-on #shSug{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}
/* the floating cart button is gone — the car … */
.cartfab{display:none!important}
.shs .find::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.subg .ipic.subpx{width:100%;height:96px;border-radius:8px}.subg .ipic.subpx.hasimg{background:#fff}.subg .ipic.subpx img{width:100%;height:100%;object-fit:contain}
.shsim{margin-top:18px;text-align:left}.shsim .shh2{font-size:17px;margin:0 0 8px}
/* phone search keeps the FROZEN header in place (Moses, Oct 28: "in place with */
@media (max-width:640px){body.shq-on .shh .shs{position:static;margin:0}
body.shq-on #shSug,html:not(.shpf) body.shq-on #shSug{position:absolute;top:100%;left:0;right:0;bottom:auto;height:100dvh;padding-bottom:220px;box-sizing:border-box;background:#fff;border-top:1px solid #E7E9E0;overflow-y:auto}}
.ivmk{display:flex;align-items:center;gap:14px;margin:-4px 0 6px}.ivmk label{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;margin:0!important}.ivmk input{width:80px!important;height:40px!important;text-align:right}.ivmkc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.shmeta{display:flex;flex-direction:column;gap:0;margin:2px 0 4px;text-align:left}.shmeta i{font-style:normal;font-size:11.5px;font-weight:600;line-height:1.35;color:#4A5850;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shmeta i.hc{color:#193F33;font-weight:600}
.subsz{font-style:normal;font-size:11.5px;color:#6B7A72}.subsz.same{color:#1f7a4d;font-weight:600}
/* walk the aisles (Moses, Oct 28: "picks up wrong stuff, freezing"): the name o */
.shop,.shop button,.wpin,.modal button{touch-action:manipulation}.shal{flex-wrap:wrap!important;overflow:visible!important}@media (hover:hover) and (pointer:fine){.wpin:hover{z-index:2}.wpin:hover span{display:inline}.wpin.r:hover{flex-direction:row-reverse}}
.wpin.r{transform:translate(-50%,-50%)}
/* the search bar never changes while typing (Moses, Oct 28: "leave it all the s */
body.shq-on .shcx{display:none!important}
/* 📷 card scanner (Moses, Oct 28) */
.cccam{position:fixed;inset:0;z-index:300;background:#000;display:flex;align-items:center;justify-content:center}.cccam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cccam .ccfr{position:relative;width:86%;max-width:520px;aspect-ratio:1.586;border:3px solid #E9EC90;border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.55)}
.cccam .cctx,.cccam .ccst{position:absolute;left:16px;right:16px;text-align:center;color:#fff;font-weight:600}.cccam .cctx{top:12%}.cccam .ccst{bottom:22%;font-weight:500;color:#E9EC90}
.cccam [data-cccx]{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:#fff;min-width:140px}
.ccchk{background:#FFF7CC!important;border-color:#E9C846!important}
/* ☰ website menu — from the left, Island green (Joseph, Oct 28) */
.shmb{width:44px;height:44px;flex:none;font-size:20px;padding:0;display:inline-flex;align-items:center;justify-content:center;margin-right:6px}
.modal.shmnu{justify-content:flex-start;align-items:stretch}.modal.shmnu .box{margin:0;width:min(86vw,360px);max-width:360px;height:100%;max-height:100%;border-radius:0 12px 12px 0;padding:0;overflow:auto;animation:none}
.modal.shmnu header{background:#193F33;color:#fff;padding:16px 18px;margin:0;position:sticky;top:0;z-index:1}.modal.shmnu header h2{color:#fff;margin:0}.modal.shmnu header .x{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.smb{display:flex;flex-direction:column;padding:6px 0 20px}.smr{display:flex;align-items:center;gap:14px;border:0;background:none;font:inherit;text-align:left;padding:13px 18px;cursor:pointer;color:#0C1610}.smr:hover{background:#F2F4E6}
.smr b{flex:1;font-size:16px;font-weight:600}.smr i{font-style:normal;color:#9CA39A;font-size:20px}.smi{width:26px;text-align:center;font-size:18px}
.smh{margin:14px 18px 4px;padding-top:14px;border-top:1px solid #DCE0C6;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5B665E}
/* ✏️ Bulk edit (Moses, Oct 28) — fixed table … */
.bkbar{display:flex;flex-direction:column;gap:8px}
.bkbar .find{width:100%}
.bkch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bkch select{height:32px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);font:inherit;font-size:13px}
.bktags{display:flex;flex-wrap:wrap;gap:6px}
.bktags .cchip{cursor:pointer}
.bkrl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.6fr) 34px;gap:6px;align-items:center;margin-bottom:6px}
.bkrl select,.bkrl input,.bkrdt select{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);font:inherit;font-size:13px;min-width:0;width:100%}
.bkrv{display:flex;gap:6px;align-items:center;min-width:0}
.bkrdt{margin-top:14px;display:flex;flex-direction:column;gap:4px;max-width:320px}
@media (max-width:640px){.bkrl{grid-template-columns:1fr 1fr 34px}.bkrl>.bkrv,.bkrl>span:empty{grid-column:1/3}.bkrl>[data-bkrdel]{grid-row:1;grid-column:3}}
.bkn{padding:0 14px 6px}
.bkt{table-layout:fixed;width:100%}
.bkt th{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}
.bkt th.on{color:var(--g1,#1F7A4D)}
.bkt td{overflow:hidden;text-overflow:ellipsis;word-break:break-word}
.bkt td.bkc{padding:2px 4px}
.bki{width:100%;min-width:0;box-sizing:border-box;border:1px solid transparent;border-radius:8px;background:transparent;padding:5px 6px;font:inherit;font-size:13px;color:inherit}
.bkc.r .bki{text-align:right}
.bki:hover{border-color:var(--line)}
.bki:focus{border-color:#1F7A4D;background:var(--card);outline:none}
.bki.bksv{background:#FFF8E1}
.bkt tr.bkok td{background:#E8F5EC;transition:background .3s}
.bkfl{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.bkfo{display:flex;gap:8px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--line);cursor:pointer}
.bkfo span:nth-child(2){flex:1}
@media (max-width:640px){.bkt{font-size:12px}.bki{font-size:12px;padding:4px 3px}.bkt td,.bkt th{padding:6px 3px}}
.rpt.bkt td.bkc{padding:2px 2px}
.rpt.bkt th{padding:8px 4px;font-size:11px}
.rpt.bkt td{padding:6px 4px}
.rpt.bkt .bki{padding:4px 3px!important;height:30px}
@media (max-width:640px){.rpt.bkt .bki{font-size:12.5px}.rpt.bkt td{padding:5px 2px}}
/* keyboard open: the search list + the page … */
@media (max-width:640px){body.shq-on #shSug,html:not(.shpf) body.shq-on #shSug{padding-bottom:calc(var(--kbh,0px) + 220px)}
html.kbup body.pg-shop #main{padding-bottom:calc(var(--kbh,0px) + 120px)}}
/* 💰 prepaid budget (Moses, Oct 28) */
.ppc .ppok{background:#E8F5EC;color:#165C3A;border-radius:10px;padding:10px 12px;font-weight:600}
.ppc .ppoff{font-size:15px;line-height:1.45}
.ppst{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}
.ppst>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ppst b{font-size:20px}
.pphow{line-height:1.45}
.pphist{margin-top:10px;border-top:1px solid var(--line)}
.pphist>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}
.ppcart{margin:10px 0 2px;background:#E8F5EC;border-radius:10px;padding:9px 12px;font-size:14px;color:#165C3A}
.ppboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0 0 12px}
.ppboxes .bc-box{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:3px}
.ppboxes .bc-box b{font-size:20px}
/* 🏪 a department's lines in the cart = its own light box in its color (Moses, Oct 28) */
.cdep{margin:12px 0 6px;border:1px solid color-mix(in srgb,var(--pc) 30%,#fff);border-left:4px solid var(--pc);border-radius:10px;background:color-mix(in srgb,var(--pc) 7%,#fff);padding:4px 10px 2px}
.cdeph{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 0 4px;border-bottom:1px solid color-mix(in srgb,var(--pc) 22%,#fff)}
.cdeph b{color:var(--pc);font-size:15px}
.cdeph span{font-size:12px;color:#4A5850;flex:1}
.cdeph .num{flex:0 0 auto;font-weight:700;color:var(--pc);font-size:14px}
.cdep .ail{background:transparent}
/* the website's frozen top bar starts at the very top — the 8 px above it made */
body.pg-shop #main{padding-top:0!important}
/* this week's special (Joseph, Oct 28: "make the picture of the product bigger */
.hmsp{border:3px solid #193F33;min-height:210px}.hmspi{width:50%;padding:8px;position:relative}.hmspi .ipic{width:100%!important;height:100%!important;min-height:160px;max-height:none!important;background:#fff!important;border-radius:8px}
.hmspi .ipic img,.hmspi img{max-height:200px!important;width:100%!important;height:100%!important;object-fit:contain}.hmoff{position:absolute;top:8px;left:8px;background:#C8102E;color:#fff;font-weight:800;font-size:13px;padding:4px 8px;border-radius:8px;letter-spacing:.02em}
/* a case = the warehouse picks it: a grey li … */
.pkr.pkwh{background:#EEF0EC;opacity:.75;pointer-events:none}.pkr.pkwh .small{color:#5B6660}
/* front page top = idea 1 (Joseph, Oct 28): … */
.hmhero{position:relative;height:200px;margin:0 -18px;overflow:hidden;border-radius:0}.hmhero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hmhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,63,51,.94),rgba(25,63,51,.45) 65%,rgba(25,63,51,.05))}
.hmhero>div{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px;color:#fff}.hmhero small{color:#E9EC90;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.hmhero b{font-size:26px;line-height:1.12;font-weight:900;max-width:250px}.hmhero i{font-style:normal;font-size:13px;opacity:.92}
.hmgo{align-self:flex-start;margin-top:4px;background:#E9EC90;color:#193F33;border:0;border-radius:10px;padding:10px 16px;font:800 14px Inter,sans-serif;cursor:pointer}
.hmrush{margin:0 -18px;background:#E9EC90;color:#193F33;font-weight:600;font-size:14px;padding:11px 18px}.hmrush b{font-weight:900}
@media (max-width:640px){.hmhero,.hmrush{margin-left:-12px;margin-right:-12px}.hmhero b{font-size:24px}}
@media (min-width:641px){.hmhero{margin:0;border-radius:14px;height:260px}.hmhero b{font-size:34px;max-width:420px}.hmrush{margin:0;border-radius:0 0 14px 14px}.hmhero{border-radius:14px 14px 0 0}}
/* Departments page = real food (Joseph, Oct … */
.dpg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}@media (min-width:641px){.dpg{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.dpc{position:relative;aspect-ratio:4/5;border:0;border-radius:16px;overflow:hidden;padding:0;cursor:pointer;background:var(--pc,#193F33);box-shadow:0 8px 22px rgba(20,35,27,.18);font:inherit;text-align:left}
.dpb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.dpc:hover .dpb{transform:scale(1.05)}
.dpc:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.78))}
.dpl{position:absolute;top:10px;left:10px;right:10px;z-index:1;height:58px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.93);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.2);padding:6px 10px}
.dpl img{max-height:46px;max-width:100%;object-fit:contain}.dpl b{font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.1;color:var(--pc);text-align:center}
.dpn{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:2px}.dpn:before{content:"";width:28px;height:3px;border-radius:2px;background:var(--pc);margin-bottom:5px;box-shadow:0 0 0 1px rgba(255,255,255,.6)}
.dpn b{font-size:17px;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.45)}.dpn i{font-style:normal;font-size:12.5px;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dth .dphero.sthero.sthimg{background-size:cover!important;background-position:center!important;min-height:190px;align-items:flex-end}.dth .dphero.sthimg .dpt b,.dth .dphero.sthimg .dpt span{color:#fff!important;text-shadow:0 1px 6px rgba(0,0,0,.5)}.sthimg .sthl{background:rgba(255,255,255,.93);border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.dpl{left:12px;right:12px;height:52px}.dpl img{max-height:40px}
.sthimg .sthl{padding:6px 10px;margin:12px}
/* walking INTO a department (Joseph, Oct 28: "you should feel you walked into a */
.dth{background:color-mix(in srgb,var(--dc) 7%,#FFFCF7);border-radius:16px;padding:10px 12px 18px!important;margin:0 -6px}
.dth .dphero.sthero.sthimg{min-height:240px;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.18)}.dth .dphero.sthimg .dpt b{font-size:28px}.dth .dphero.sthimg .dpt span{font-size:15px;font-style:italic}
.mtor .mte.mtph{width:68px;height:68px;padding:0;overflow:hidden;border-radius:12px;flex:none;box-shadow:0 3px 10px rgba(0,0,0,.12)}.mtor .mte.mtph img{width:100%;height:100%;object-fit:cover;display:block}
.dth .mto{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06)}
/* front page = all 3 ideas (Joseph, Oct 28): photo categories + red SAVE tags ( */
.hcg.hcp{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}@media (min-width:641px){.hcg.hcp{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.hcp .hct{position:relative;display:block;aspect-ratio:4/3;padding:0!important;border:0;border-radius:12px;overflow:hidden;background:#193F33;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.hcp .hci{position:absolute;inset:0;width:100%;height:100%;border-radius:0;flex:none;background:none}.hcp .hci img{transition:transform .4s}.hcp .hct:hover .hci img{transform:scale(1.05)}
.hcp .hct:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.72))}
.hcp .hcn{position:absolute;left:10px;right:10px;bottom:8px;z-index:1}.hcp .hcn b{color:#fff;font-size:15.5px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.hcp .hcn i{color:rgba(255,255,255,.88)}
.shc .shp{position:relative}.soff{position:absolute;top:6px;left:6px;z-index:2;background:#C8102E;color:#fff;font-weight:800;font-size:11.5px;padding:3px 7px;border-radius:7px;letter-spacing:.02em}
.hmus{background:#E9EC90;border-radius:14px;padding:14px;margin:14px 0}.hmush{display:flex;flex-direction:column}.hmush b{font-size:18px;color:#193F33}.hmush i{font-style:normal;font-size:13px;color:#193F33}
.hmusg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.hmusg button{border:0;padding:0;background:#fff;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:pointer}.hmusg .ipic{width:100%!important;height:100%!important;border-radius:0}.hmusg img{width:100%;height:100%;object-fit:contain}
.hmusa{width:100%;border:0;border-radius:10px;background:#193F33;color:#fff;font:800 15px Inter,sans-serif;padding:12px;cursor:pointer}
.hmsb{position:relative;display:flex;border-radius:14px;overflow:hidden;margin:14px 0;min-height:140px;color:#fff;background:radial-gradient(circle at 88% 38%,#F6C453 0,#C77B1E 16%,#4A2408 52%,#2A1404)}.hmsb>div{position:relative;z-index:1;padding:16px;display:flex;flex-direction:column;gap:4px;flex:1}
.hmsbc{position:absolute;right:18px;top:22px;font-size:58px}.hmsb b{font-size:20px}.hmsb i{font-style:normal;font-size:13px;opacity:.92}.hmct{display:flex;gap:6px;margin-top:4px}.hmct span{background:rgba(255,255,255,.18);border-radius:8px;padding:4px 9px;font-weight:800;font-size:15px}
.hmsbb{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.hmsba,.hmsbl{border:0;border-radius:10px;padding:9px 12px;font:800 13.5px Inter,sans-serif;cursor:pointer}.hmsba{background:#F6C453;color:#2A1404}.hmsbl{background:rgba(255,255,255,.16);color:#fff}
/* "Around the store" wraps — nothing scrolls sideways (Joseph rule, Oct 27) */
.shpro{grid-auto-flow:row!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}@media (min-width:641px){.shpro{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* 👑 My account = the customer's own place (Joseph, Oct 28) */
.amgrid{grid-template-columns:minmax(0,1fr)}.amg,.amb{min-width:0}
.apn{min-width:0;display:flex;flex-direction:column}.apn b{font-size:24px;line-height:1.15}.apn span{font-size:13px;opacity:.85}
.apmy{margin:0 0 16px}.apmyh{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px}.apmyh b{font-size:19px;color:#193F33}
.apmyg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.apmi{background:#fff;border:1px solid #E7E9E0;border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:0}
.apmp{position:relative;border:0;padding:0;background:#fff;border-radius:8px;overflow:hidden;aspect-ratio:1;cursor:pointer}.apmp .ipic{width:100%!important;height:100%!important;min-height:0!important;border-radius:8px;font-size:30px}.apmp img{width:100%;height:100%;object-fit:contain}.apmp .soff{font-size:9.5px;padding:2px 5px;top:3px;left:3px}
.apmi>b{font-size:11.5px;line-height:1.2;color:#16241C;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.apmi>span{display:flex;align-items:center;justify-content:space-between}.apmi i{font-style:normal;font-weight:800;font-size:12.5px;color:#193F33}
.apma{border:0;width:26px;height:26px;border-radius:8px;background:#193F33;color:#fff;font:800 15px Inter,sans-serif;cursor:pointer}.apmi em{font-style:normal;font-size:11px;color:#B42318}
@media (min-width:641px){.apmyg{grid-template-columns:repeat(8,minmax(0,1fr))}}
/* ✨ My account, beautifully (Joseph, Oct 28): a metal MEMBE … */
.apcard{position:relative;overflow:hidden;aspect-ratio:1.586;max-width:520px;border-radius:20px;padding:20px 22px;margin:6px auto 14px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.apcard:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 9px);pointer-events:none}
.apcard:after{content:"";position:absolute;inset:-40% -10%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.38) 48%,transparent 58%);pointer-events:none}
.apcard.tbronze{background:linear-gradient(135deg,#5E3519,#A8652F 42%,#E0A26A 52%,#97582A 66%,#4E2C14)}
.apcard.tsilver{background:linear-gradient(135deg,#7D8791,#C3CBD3 40%,#F5F7F9 52%,#B4BDC6 66%,#6F7983);color:#17222D}
.apcard.tgold{background:linear-gradient(135deg,#7A5512,#C99A2E 38%,#F7E39C 52%,#C99A2E 66%,#6E4C10);color:#2A1B04}
.apcard.tplatinum{background:linear-gradient(135deg,#141C22,#3B4A57 38%,#A8B8C6 52%,#3B4A57 66%,#10171C)}
.apct,.apcn,.applus{position:relative;z-index:1}.apct{display:flex;align-items:flex-start;justify-content:space-between}.apct img{height:44px;width:auto}
.aplv{display:flex;flex-direction:column;align-items:flex-end}.aplv b{font-size:22px;font-weight:900;letter-spacing:.18em}.aplv i{font-style:normal;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.75}
.apcn{display:flex;flex-direction:column;gap:3px}.apcn b{font-size:24px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.15)}.apcn span{font-size:12.5px;opacity:.85;letter-spacing:.02em}
.applus{position:absolute;right:20px;bottom:20px;font-size:11px;font-weight:900;letter-spacing:.12em;background:rgba(0,0,0,.22);color:#fff;padding:5px 9px;border-radius:8px}
.apjoin{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;max-width:520px;margin:0 auto 14px;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#193F33,#2B6A57);color:#fff;text-align:left;font:inherit;cursor:pointer;box-shadow:0 8px 20px rgba(25,63,51,.25)}.apjoin b{font-size:16px;color:#E9EC90}.apjoin span{grid-column:1;font-size:12.5px;opacity:.9}.apjoin i{grid-row:1/3;grid-column:2;font-style:normal;font-size:24px;color:#E9EC90}
.apst2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.apst2 div{background:#fff;border-radius:16px;padding:14px 12px;box-shadow:0 4px 16px rgba(20,35,27,.07);display:flex;flex-direction:column;gap:2px}.apst2 b{font-size:22px;font-weight:900;color:#193F33;white-space:nowrap}.apst2 i{font-style:normal;font-size:11.5px;color:#6B7A72}
.apnx2{background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 4px 16px rgba(20,35,27,.07);margin-bottom:14px;font-size:13.5px;color:#33463C}.apnx2 b{color:#193F33}.apnx2 i{display:block;height:8px;border-radius:6px;background:#EEF1E6;margin-top:8px;overflow:hidden}.apnx2 i b{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#C99A2E,#F2D57A)}
.apq{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.apq button{border:0;background:#fff;border-radius:16px;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 4px 16px rgba(20,35,27,.07);cursor:pointer;font:inherit}.apq span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:21px;background:#E9EC90;color:#193F33}.apq b{font-size:12.5px;color:#193F33}
.apmyh b{font-size:20px}.apmi{border:0;box-shadow:0 4px 14px rgba(20,35,27,.07);border-radius:14px}
.acpage .amb{border:0;border-radius:16px;box-shadow:0 4px 16px rgba(20,35,27,.07)}.acpage .amr{padding:14px}.acpage .amt{color:#193F33;font-size:12.5px}
.acpage .amg:nth-child(1) .ami{background:#E3F1E7}.acpage .amg:nth-child(2) .ami{background:#FCEFD8}.acpage .amg:nth-child(3) .ami{background:#ECE6FA}.acpage .amg:nth-child(4) .ami{background:#E2EDF8}.acpage .ami{width:40px;height:40px;border-radius:12px;font-size:19px}
@media (min-width:641px){.apst2,.apnx2,.apq,.apmy{max-width:760px;margin-left:auto;margin-right:auto}}
/* ⭐ ISLAND+ page (Joseph, Oct 28: "stunning — a special logo, special cards") */
.iplogo{display:inline-flex;align-items:center;gap:4px}.iplogo img{height:26px;width:auto}.iplogo i{font-style:normal;font:900 22px/1 Inter,sans-serif;color:#2A1B04;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#F7E39C,#C99A2E 55%,#8A6416);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.iplogo.big img{height:40px}.iplogo.big i{width:38px;height:38px;font-size:30px;border-radius:11px}
.iphero{position:relative;overflow:hidden;border-radius:22px;padding:22px 20px 26px;margin-bottom:14px;color:#fff;text-align:center;background:radial-gradient(circle at 15% 0,rgba(201,154,46,.45),transparent 45%),radial-gradient(circle at 100% 100%,rgba(233,236,144,.18),transparent 50%),linear-gradient(160deg,#0E241D,#173D31 55%,#0B1C16);box-shadow:0 18px 40px rgba(14,36,29,.35)}
.iphero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,227,156,.35) 1px,transparent 1.5px);background-size:22px 22px;opacity:.35;pointer-events:none}
.iphero>*{position:relative}.iphero h2{font-size:30px;line-height:1.1;margin:14px 0 8px;color:#fff;font-weight:900}.iphero p{font-size:14.5px;opacity:.9;margin:0 auto 18px;max-width:420px}
.ipcard{position:relative;margin:0 auto;max-width:340px;aspect-ratio:1.586;border-radius:18px;padding:16px 18px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);background:linear-gradient(135deg,#050B09,#16302A 50%,#050B09);border:1.5px solid #C99A2E;box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 0 0 4px rgba(201,154,46,.15);overflow:hidden}
.ipcard:after{content:"";position:absolute;inset:-50% -20%;background:linear-gradient(115deg,transparent 40%,rgba(247,227,156,.22) 50%,transparent 60%);pointer-events:none}
.ipct{display:flex;justify-content:space-between;align-items:center}.ipct span{font-size:22px}.ipcm b{display:block;font-size:20px;letter-spacing:.06em;background:linear-gradient(90deg,#F7E39C,#C99A2E);-webkit-background-clip:text;background-clip:text;color:transparent}.ipcm span{font-size:9.5px;letter-spacing:.16em;color:#E9D79A;opacity:.85}
.ipsave{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:16px;padding:14px;margin-bottom:14px;background:linear-gradient(135deg,#FFF6D8,#F7E39C);color:#3A2A06;box-shadow:0 6px 18px rgba(201,154,46,.25)}.ipsave b{font-size:20px;font-weight:900}.ipsave span{font-size:13px}
.ipben{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.ipben div{background:#fff;border-radius:16px;padding:14px;box-shadow:0 4px 16px rgba(20,35,27,.08);display:flex;flex-direction:column;gap:4px}
.ipben span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#FFF3C4,#F2D57A);margin-bottom:4px}.ipben b{font-size:15px;color:#193F33}.ipben i{font-style:normal;font-size:12.5px;color:#5B6B60;line-height:1.35}
.ipplans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.ipplan{position:relative;border:2px solid #E1E5D6;background:#fff;border-radius:18px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font:inherit}
.ipplan.on{border-color:#C99A2E;box-shadow:0 8px 22px rgba(201,154,46,.3);background:linear-gradient(180deg,#FFFBEE,#fff)}.ipplan em{position:absolute;top:-11px;font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.1em;padding:4px 10px;border-radius:8px;background:linear-gradient(135deg,#F7E39C,#C99A2E);color:#2A1B04}
.ipplan b{font-size:14px;color:#5B6B60;text-transform:uppercase;letter-spacing:.08em}.ipplan strong{font-size:28px;font-weight:900;color:#193F33}.ipplan strong small{font-size:13px;font-weight:600;color:#5B6B60}.ipplan span{font-size:12.5px;color:#8A6416;font-weight:700}
.ipjoin{width:100%;border:0;border-radius:16px;padding:18px;font:900 18px Inter,sans-serif;color:#2A1B04;cursor:pointer;background:linear-gradient(135deg,#F7E39C,#D9AE45 45%,#B8892B);box-shadow:0 12px 26px rgba(184,137,43,.4)}.ipfine{text-align:center;font-size:12.5px;color:#6B7A72;margin:8px 0 18px}
.iph2{margin-top:6px}@media (min-width:641px){.iphero,.ipsave,.ipben,.ipplans,.ipjoin,.ipfine{max-width:760px;margin-left:auto;margin-right:auto}.ipben{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ipcm span,.ipplan em{text-transform:uppercase}.ipplan strong{white-space:nowrap}.ipcm b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* logos = the PNG only, a soft white glow — no white box behind it (Joseph, Oct 28) */
.dpl,.sthimg .sthl{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
.dpl img,.sthimg .sthl img{filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 10px rgba(255,255,255,.85))}.dpl img{max-height:52px}
.dpl b{color:#fff!important;font-size:21px!important;text-shadow:0 0 10px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.6)}
/* product card: price left, 🛒 Add right (Joseph, Oct 28 — like shlomies.com) */
.shpa{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;margin-top:auto}.prb{display:flex;flex-direction:column;min-width:0}.prb b{font-size:19px;font-weight:900;color:#193F33;line-height:1.1}.prb s{font-size:12.5px;color:#7B857F}.prb.sale b{color:#C8102E}


.shpw{margin-top:auto;display:flex;flex-direction:column;gap:4px}.shpw .shpa{margin-top:0}.shpw.on{flex-direction:row;align-items:center;gap:6px}
.shpill{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;height:42px;border:1.5px solid #C9D3B8;border-radius:14px;background:#fff;padding:0 4px}
.shpill button{border:0;background:none;width:36px;height:36px;display:grid;place-items:center;color:#193F33;cursor:pointer;border-radius:10px}.shpill button:active{background:#EEF3D6}.shpill b{font-size:16px;font-weight:900;color:#193F33}
.shpw .oos{font-size:12px;color:#B42318;font-weight:700}
.shadd2{border:0;border-radius:12px;background:#EEF3D6;color:#193F33;font:800 14px Inter,sans-serif;padding:10px 12px;cursor:pointer;white-space:nowrap}.shadd2:active{transform:scale(.97)}
/* 👋 welcome line on top of the website (Moses, Oct 28) */
.shwel{display:flex;background:#fff;border-bottom:1px solid #E7E9E0;padding:6px 24px!important;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:2px 2px 0;font-size:13px;color:#4A5850}
.shwel b{color:#173F2B;font-size:15px;margin-right:auto}
.shwel span{white-space:nowrap}
.shwel span+span::before{content:"·";margin-right:12px;color:#B8BFB0}
#shWelT{font-weight:700;color:#173F2B}
@media (max-width:640px){.shwel{font-size:12px;gap:2px 8px;padding:6px 12px!important}.shwel b{font-size:14px;flex:1 0 100%}.shwel span+span::before{margin-right:8px}}
.shwel .shwh{font-weight:600;color:#173F2B;unicode-bidi:isolate}
/* 🔎 Filters (Joseph, Oct 28) — the button in the search bar, the panel, the chips */
.shh .shs .btn.shflt{position:relative}.shflt.on{background:#193F33!important;color:#E9EC90!important}.shflt b{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:6px;background:#C8102E;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 4px}
.flp{display:flex;flex-direction:column;gap:6px}.fls{border-bottom:1px solid #E7E9E0;padding:6px 0 12px}.flt2{display:block;font-size:17px;color:#193F33;margin:6px 0 8px}
.flr{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid #F0F1EC;background:none;padding:11px 2px;font:500 15px Inter,sans-serif;color:#16241C;cursor:pointer;text-align:left}.flr i{font-style:normal;color:#6B7A72}
.flr em{flex:none;width:24px;height:24px;border:2px solid #B7C3A8;border-radius:7px;display:grid;place-items:center}.flr.on em{background:#193F33;border-color:#193F33}.flr.on em:after{content:"✓";color:#E9EC90;font-weight:900;font-size:14px;font-style:normal}
.flm{margin-top:6px}.flbq{width:100%;margin:0 0 6px}.flf{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 2fr;gap:8px;background:#fff;padding:12px 0 4px;margin-top:6px}.flf .btn{height:46px;justify-content:center;font-weight:800}
.flch{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
@media (max-width:640px){.shh .shs .btn{width:36px!important;min-width:36px!important}.shh .shs .shzm .btn{width:28px!important;min-width:28px!important}.shh .shs .find{padding:0 8px!important;min-width:0!important;width:0!important;flex:1 1 0!important}.shh .shs{max-width:100%!important;box-sizing:border-box}}
.shh .shs .btn.shflt.on{background:#193F33!important;color:#E9EC90!important}
/* ✅ hechsher marks + 📦 Single | Case (Joseph, Oct 28) */
.hsv{width:22px;height:22px;display:block}.hsv.big{width:44px;height:44px}.hsb{display:inline-block;font-size:9px;font-weight:800;background:#fff;color:#111;border:1.5px solid #111;border-radius:6px;padding:1px 4px;white-space:nowrap}
.ipic .ih{background:none!important;padding:0!important;border:0!important;box-shadow:none!important}.ipic.md .ih .hsv{width:24px;height:24px}.ipic.xl .ih .hsv,.ipic.xxl .ih .hsv{width:32px;height:32px}
.shhm{display:flex;align-items:center;gap:8px;margin:8px 0}.shhm span{font-size:13px;font-weight:700;color:#33463C}
.shsc{display:inline-flex;background:#EEF1E6;border-radius:12px;padding:3px;margin:8px 0 4px}.shsc button{border:0;background:none;border-radius:10px;padding:9px 16px;font:700 14px Inter,sans-serif;color:#193F33;cursor:pointer}.shsc button.on{background:#193F33;color:#fff}
.shcm .shpill{height:48px}.shcm .shpill b{font-size:15px}
.pr.big small{font-size:14px;font-weight:600}
/* Brand | size over the name · Single | Case … */
.shbz{display:block;font-size:12px;color:#6B7A72;margin:2px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.shsc.sm{display:flex;margin:0 0 6px;padding:2px;border-radius:10px}.shsc.sm button{flex:1;padding:6px 4px;font-size:12px;border-radius:8px;white-space:nowrap}
.shit2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.shis .shit2 .shbz{font-size:14px;margin:0}
.shlb{flex:none;border:0;border-radius:10px;background:#EEF3D6;color:#193F33;font:700 13px Inter,sans-serif;padding:8px 12px;cursor:pointer}.shlb.on{background:#193F33;color:#E9EC90}
.shpw.on{flex-direction:column;align-items:stretch}
.sgr{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.sgr .shsc.sm{margin:0;width:150px}.sgr2{display:flex;align-items:center;gap:8px}.sgp .shbz{margin:0 0 1px}
.hmsp .shbz{color:#E9EC90;opacity:.85}.apmi .shbz{font-size:10.5px;margin:0}
@media (max-width:640px){.shwel .shwhe{flex:1 0 100%}.shwel .shwhe::before{content:none}}
.shwel .shwhe::before{content:none}
@media (min-width:641px){.shwel .shwhe{border-left:1px solid #DCE0C6;padding-left:12px}}
/* On sale = 2 rows (Joseph, Oct 28) */
.hm2r .hmbh{flex-wrap:wrap}.hmsr{flex-basis:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.hmsc{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.hmsp2{position:relative;width:100%;aspect-ratio:1;background:#fff;border:1px solid #EEF0E6;border-radius:9px;overflow:hidden;display:grid;place-items:center}.hmsp2 .ipic{width:100%!important;height:100%!important;min-height:0!important;border-radius:9px;font-size:24px}.hmsp2 img{width:100%;height:100%;object-fit:contain}
.hmsp2 .soff{top:4px;left:4px;font-size:9.5px;padding:2px 5px}.hmsc b{font-size:13.5px;color:#C8102E}.hmsc s{font-size:11px;color:#8A948E}
/* small cards (3–4 a row, Joseph Oct 28): pr … */
.shg .shc{container-type:inline-size}
@container (max-width:180px){.shpa{flex-direction:column;align-items:stretch;gap:6px}.prb b{font-size:16px}.shadd2{width:100%;padding:8px 4px;font-size:13px}.shsc.sm button{font-size:11px;padding:6px 2px}.shsc.sm .cso{display:none}}
.wchme{display:flex;align-items:center;gap:8px;margin:0 0 8px}.wchme b{font-size:15px;color:#193F33}.wchlv{background:var(--tc);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:3px 8px;border-radius:7px}
/* welcome line: Welcome + the Jewish line on … */
.shwel{flex-direction:column;align-items:stretch!important;gap:2px!important}
.shwel .shw1,.shwel .shw2{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.shwel .shw1 b{margin-right:auto}
.shwel .shw1 .shwhe{flex:0 1 auto!important;margin-left:auto;border-left:0!important;padding-left:0!important}
.shwel .shw2 span+span::before{content:"·";margin-right:12px;color:#B8BFB0}
@media (max-width:640px){.shwel .shw1 b{flex:0 0 auto!important}.shwel .shw1 .shwhe{flex:0 1 auto!important;font-size:12px}}
/* Bulk edit on the phone (Moses, Oct 28 "fix … */
.rpt.bkt textarea.bki{height:auto!important;min-height:30px;resize:none;white-space:normal;line-height:1.25;font-weight:600;overflow:hidden;display:block}
body.pg-bulk .isl-fab{display:none!important}
@media (max-width:640px){.bkhint{display:none}.bkbar{gap:6px;padding:10px 12px!important}.bkch .btn.sm{padding:5px 9px}.bkch select{height:30px;max-width:150px}.bkn{padding:0 12px 4px}}
/* cart: the amount is a box you can type in … */
.scq .scqi{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-size:18px;font-weight:800;background:#fff;color:inherit;padding:0}
.ail .cdel{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:18px;line-height:1;padding:0;flex:none;cursor:pointer}
@media (max-width:640px){.modal .ail .scq .scqi,.modal .ail .cdel{width:34px;height:34px;font-size:15px}}
.cartc .scq .scqi{width:38px!important;height:26px!important;font-size:14px!important;border-radius:7px!important}
.cartc .ail .cdel{width:26px!important;height:26px!important;font-size:13px!important;border-radius:7px!important;margin-left:4px}
/* Brand | size | hechsher, all grey; the logo = the letters' size (Joseph, Oct 28) */
.shbz{display:flex;align-items:center;gap:4px;color:#6B7A72}.shbz .bzt{min-width:0;overflow:hidden;text-overflow:ellipsis}.shbz i{font-style:normal;flex:none}.bzh{flex:none;display:inline-flex;align-items:center;white-space:nowrap}
.bzh .hsv{width:1.15em;height:1.15em}.bzh .hsv circle,.bzh .hsv path{stroke:currentColor}.bzh .hsv text{fill:currentColor}
/* swapped (Moses, Oct 28): English date up t … */
.shwel .shw1 .shwen{margin-left:auto;white-space:nowrap}
.shwel .shw2 .shwhe{margin-left:auto;border-left:0!important;padding-left:0!important;flex:0 1 auto!important}
.shwel .shw2 .shwhe::before{content:none!important}
@media (max-width:640px){.shwel .shw1 b{flex:0 0 auto!important}.shwel .shw1 .shwen{font-size:12px}.shwel .shw2 .shwhe{font-size:12px}}
/* This week's special — compact (Moses, Oct 28) */
.hmsp{min-height:0!important;border-width:2px!important;margin-top:12px}
.hmspi{width:34%!important;padding:6px!important}
.hmspi .ipic{min-height:0!important;height:auto!important;aspect-ratio:1}
.hmspi .ipic img,.hmspi img{max-height:110px!important}
.hmoff{top:5px!important;left:5px!important;font-size:11px!important;padding:2px 6px!important;border-radius:6px!important}
.hmsp>div{padding:10px 12px!important;gap:3px!important}
.hmsp small{font-size:10px!important}
.hmsp>div>b{font-size:14.5px!important;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hmsp .shbz{font-size:11.5px}
.hmspp{font-size:18px!important}
.hmspa{height:32px!important;margin-top:6px!important;font-size:14px}
@media (min-width:641px){.hmsp{max-width:520px}}
/* website Filters window — compact (Moses, O … */
.flp{gap:2px}.fls{padding:4px 0 8px}.flt2{font-size:14px;margin:4px 0 6px;text-transform:uppercase;letter-spacing:.04em;color:#4A5850}
.fll,.fls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fls>.flt2,.fls>.flbq,.fls>.fll,.fls>.flm{grid-column:1/-1}
.flr{border:1px solid #E1E5D8!important;border-radius:8px;padding:6px 8px!important;font-size:13.5px!important;gap:6px!important;min-width:0}
.flr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.flr i{font-size:12px}
.flr em{width:18px!important;height:18px!important;border-width:1.5px!important;border-radius:5px!important}.flr.on em:after{font-size:11px!important}
.flr.on{border-color:#193F33!important;background:#F3F6EC}
.flbq{height:36px!important;font-size:14px}.flm{margin-top:2px;font-size:13px}
.flf{padding:8px 0 2px!important}.flf .btn{height:40px!important}
/* 🏪 department editor (#3690) */
.dserow{display:flex;gap:8px;align-items:center}.dserow .find{flex:1;min-width:0}.dsel{display:flex;flex-direction:column}.dsei{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #EEF0E6}.dsei.off{opacity:.55}
.dsep{flex:none;width:48px;height:48px;border-radius:9px;background:#F2F5EE;display:grid;place-items:center;overflow:hidden;font-size:22px}.dsep img{width:100%;height:100%;object-fit:cover}
.dsen{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;cursor:pointer}.dsen b{font-size:14.5px}.dsen i{font-style:normal;font-size:12.5px;color:#5B665E}.dsen .tag{align-self:flex-start}.dseb{display:flex;gap:6px;flex:none}.dse2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dptabs{flex-wrap:wrap!important;overflow:visible!important}
/* the website: no hechsher mark on product p … */
html.shpf .ipic .ih,html.shb .ipic .ih{display:none!important}
.shwlv{border:0;vertical-align:3px;margin-left:6px;cursor:pointer}
/* welcome: time up top, English + Hebrew date on ONE line (Moses, Oct 28) */
.shwel .shw2{flex-wrap:nowrap!important;gap:8px!important}
.shwel .shw2>span{white-space:nowrap;min-width:0}
@media (max-width:640px){.shwel .shw2{font-size:11.5px}.shwel .shw2 .shwhe{font-size:11.5px}}
@media (max-width:380px){.shwel .shw2,.shwel .shw2 .shwhe{font-size:10.5px}}
.shwel .shw1,.shwel .shw2{align-items:center!important}
.shwel .shw2>span,.shwel .shw2 .shwhe,.shwel .shw2 bdi{line-height:1.3}
/* Welcome in ONE small line over the search bar on phones (Joseph, Oct 28) */
.shwm{display:none}
@media (max-width:640px){.shh .shwm{display:block;order:2;flex:1 0 100%;margin:-2px 2px -4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shwm b{font-size:13.5px;font-weight:700;color:#173F2B}.shwm .shwlv{font-size:9.5px;padding:2px 6px;vertical-align:1px}.shwel .shw1>b{display:none}}
/* phones: Welcome + the English date on one … */
.shwmd{display:none}
@media (max-width:640px){.shh .shwm{display:flex;align-items:center;gap:8px}.shwm b{min-width:0;overflow:hidden;text-overflow:ellipsis}.shwmd{display:inline;margin-left:auto;flex:none;font-size:12px;color:#4A5850}
 .shwel{flex-direction:row!important;align-items:center!important;justify-content:space-between}.shwel .shw1,.shwel .shw2{flex:0 1 auto}.shwel #shWelD{display:none}.shwel .shw2 .shwhe{margin-left:0}}
/* ONE welcome line only (Joseph, Oct 28: "remove the Yiddish date — remember, o */
@media (max-width:640px){.shwel{display:none!important}}
.shwel .shwhe{display:none!important}

/* the search on the phone: ✕ always there to close it, also … */
@media (max-width:640px){body.shq-on .shs .shclr{display:block!important}}
/* 📎 website chat files (Moses, Oct 28) */
.wchin .wchat{flex:none;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}
.wchpv{font-size:12.5px;color:#4A5850;margin-top:6px;display:flex;gap:8px;align-items:center}
.wch .wchimg{display:block;max-width:100%;max-height:240px;border-radius:8px;margin-bottom:4px}
.wch .wchpdf{display:inline-block;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.18);color:inherit;text-decoration:underline;margin-bottom:4px}
.wch .cb.a .wchpdf{background:#fff}
/* My items: average use, its own small green tag (Moses, Oct 28) */
.myrate{display:inline-block;margin-left:4px;padding:0 6px;border-radius:6px;background:#E6F2E1;color:#1E5631;font-weight:600;font-size:12px;white-space:nowrap}
/* the item window — compact (Moses, Oct 28: "More compact") */
.shpix.itbig{height:150px!important;padding:6px!important;margin-bottom:8px!important}
.boxes.ritb{gap:6px!important;margin-bottom:6px}
.boxes.ritb .bc-box{padding:6px 8px!important;min-height:0!important}
.boxes.ritb .bc-box .l{font-size:10px!important;letter-spacing:.02em}
.boxes.ritb .bc-box .v{font-size:17px!important;margin:2px 0 0!important}
.boxes.ritb .bc-box .s{font-size:10.5px!important}
.chips.ritc{display:flex;flex-wrap:wrap;gap:6px!important}
.chips.ritc>*{padding:4px 8px!important;font-size:12.5px!important;min-height:0!important;margin:0!important}
.chips.ritc~.rcard{margin-top:8px!important}
.chips.ritc~.rcard h3{font-size:14px!important;padding:8px 12px!important}
.chips.ritc~.rcard td,.chips.ritc~.rcard th{padding-top:5px!important;padding-bottom:5px!important;font-size:13px}
@media(max-width:640px){.shpix.itbig{height:120px!important}.boxes.ritb{grid-template-columns:repeat(4,1fr)!important}.boxes.ritb .bc-box .v{font-size:15px!important}.boxes.ritb .bc-box .s{display:none}}
.mylow{display:inline-block;margin-left:4px;padding:0 6px;border-radius:6px;background:#FDE8E8;color:#B42318;font-weight:700;font-size:12px;white-space:nowrap}
/* Bulk edit on the phone — "Fix" (Moses, Oct 28): every cel … */
.rpt.bkt td{vertical-align:middle!important}
.rpt.bkt textarea.bki{field-sizing:content;max-height:4.2em;overflow:hidden;font-size:12px!important;line-height:1.25!important;padding:3px!important}
.bkbar .find{height:40px!important;min-height:40px;box-sizing:border-box}
@media (max-width:640px){.rpt.bkt td{padding:4px 2px!important}.rpt.bkt .bki{height:28px}.rpt.bkt th{font-size:10.5px!important;padding:6px 2px!important}}
/* ☑ Bulk edit — select + change many (Moses, Oct 28) */
.rpt.bkt .bksel{width:30px;text-align:center;padding:0 2px!important}.rpt.bkt .bksel input{width:18px;height:18px;margin:0;accent-color:#1F7A4D}
.rpt.bkt tr.bkon td{background:#EEF6EF}
.bksb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 14px 8px}.bksb.on{background:#E6F2E1;border-radius:10px;margin:0 10px 8px;padding:8px 10px}
.bkbl{display:flex;flex-direction:column;gap:8px}.bkbo{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}.bkbo>span{min-width:140px}.bkbo .bkbv{flex:1;min-width:110px;height:38px}
/* the search box + the cost column, same look (Moses, Oct 28 "Fix") */
#bkQ{flex:none!important;height:40px!important;min-height:40px!important;padding:0 12px!important}
.rpt.bkt td.num{font-size:12.5px}

/* item pictures: small pictures under the bi … */
.pxth{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}.pxth:empty{display:none}.pxth button{width:56px;height:56px;padding:2px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.pxth button.on{border:2px solid var(--brand)}.pxth img{width:100%;height:100%;object-fit:contain;display:block}
/* 🟩 SNAP / EBT (Oct 28) */
.snapt{display:inline-block;background:#E7F3E3;color:#1F6B2E;border:1px solid #BFDDB6;font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:1px}
.snapln{margin:8px 0;padding:9px 12px;border:1px solid #BFDDB6;background:#F1F8EE;border-radius:10px;font-size:13.5px;color:#1F4D2A}.snapln i{color:#5B665E}
.snapst{display:flex;gap:10px;align-items:flex-start;padding:6px 0;border-top:1px solid #EEF0E6}.snapst>b{flex:none;width:22px;height:22px;border-radius:6px;background:#EEF3D6;display:grid;place-items:center;font-size:12px}.snapst span{display:flex;flex-direction:column}.snapst i{font-style:normal;font-size:12px;color:#6B7A72}
/* 🛒 Add on every My items line (Moses, Oct 2 … */
.myrw{position:relative}
.myrw .rtr{align-items:flex-start;min-height:92px}
.myrw .rtr>b{margin-top:2px}
.myrw .rtr .w{padding-right:96px}
.myrw .rtr .w b{padding-right:0}
.myrw .shmy{position:absolute;right:14px;bottom:12px}
.shmy .shadd2{height:34px;padding:0 12px;font-size:13px}
.shmy .shpill{height:34px}
.myrw .rtr .w>span{font-size:12.5px}.myrw .rtr{min-height:86px}
/* 🚚 the frozen free-delivery track in the top bar (Moses, Oct 28) */
.shh .shfz{flex-basis:100%;order:9;display:flex;align-items:center;gap:10px;font-size:12.5px;color:#30413A;padding:2px 2px 0}
.shh .shfz span{white-space:nowrap}.shh .shfz i{flex:1;height:6px;border-radius:4px;background:#EEF1E6;overflow:hidden;display:block}.shh .shfz i b{display:block;height:100%;background:#2E7D4F;border-radius:4px;transition:width .3s}
@media (min-width:641px){.shh{flex-wrap:wrap}}
/* 🗑 remove from My items (Moses, Oct 28) */
.mynote{font-size:12.5px;color:#4A5850;background:#F4F6EE;border-radius:8px;padding:6px 10px;margin-bottom:8px}
.myrw .myrm{position:absolute;left:22px;bottom:10px;width:30px;height:28px;padding:0;border:1px solid #E7E9E0;border-radius:8px;background:#fff;font-size:13px;line-height:1;cursor:pointer;opacity:.75}
.myrw .myrm:hover{opacity:1;border-color:#B42318}
.btn.danger{color:#B42318!important;border-color:#F3C7C2!important}
/* ===== Website top bar: A at the top · C (o … */
.hi2{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
html body .shh.hdrA{background:#fff!important;border-bottom:1px solid #E7E9E0;display:flex!important;flex-wrap:wrap!important;align-items:center;gap:8px 10px!important;padding:8px 14px 8px!important}
html body .shh.hdrA .shmb{order:0;border:0!important;background:none!important;box-shadow:none!important;width:32px!important;height:34px!important;min-width:0!important;padding:0!important;color:#173F2B;display:flex;align-items:center;justify-content:center}
html body .shh.hdrA .lg{order:1;height:30px!important;width:auto;margin:0!important}
html body .shh.hdrA .lgw{display:none}
html body .shh.hdrA .shacb{order:2;margin-left:auto!important;border:0!important;box-shadow:none!important;background:#E6F2E1!important;color:#173F2B!important;width:34px!important;height:34px!important;min-width:0!important;padding:0!important;border-radius:8px!important;font-size:12px}
html body .shh.hdrA .shacb .hide-ph{display:none}
html body .shh.hdrA .shcart{order:3;margin-left:0!important;position:relative;border:0!important;box-shadow:none!important;background:none!important;color:#173F2B!important;width:38px!important;height:34px!important;min-width:0!important;padding:0!important;display:flex;align-items:center;justify-content:center}
.shh.hdrA .hbd{position:absolute;top:-4px;right:-2px;background:#2E7D4F;color:#fff;font-size:10px;line-height:15px;min-width:15px;padding:0 4px;border-radius:6px;text-align:center}
html body .shh.hdrA .shs{order:4;flex:1 1 100%!important;max-width:none!important;margin:0!important;display:flex!important;align-items:center;gap:0!important;height:44px;box-sizing:border-box;border:1px solid #DCE0C6!important;border-radius:12px!important;background:#fff!important;padding:0 4px!important}
html body .shh.hdrA .shs .find{flex:1;min-width:0;border:0!important;background:transparent!important;height:40px!important;box-shadow:none!important;padding:0 6px!important;font-size:15px}
html body .shh.hdrA .shs .btn{border:0!important;background:none!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:0!important;padding:0!important;color:#173F2B!important}
html body .shh.hdrA .shs [data-shgo]{order:-1}
html body .shh.hdrA .shzm{display:none!important}
html body .shh.hdrA .shwm{order:5;flex:1 1 100%;display:flex!important;align-items:center;justify-content:space-between;gap:8px;margin:0!important;padding:0!important;font-size:13px}
html body .shh.hdrA .shwm b{font-size:13.5px}
html body .shh.hdrA .shfz{order:6}
/* C — scrolled: logo mark + search + dark ca … */
html body.hdrsc .shh.hdrA{padding:6px 12px 0!important;gap:6px 8px!important}
html body.hdrsc .shh.hdrA .shmb,html body.hdrsc .shh.hdrA .shacb,html body.hdrsc .shh.hdrA .lg:not(.lgw){display:none!important}
html body.hdrsc .shh.hdrA .lgw{display:block;height:34px!important;order:1}
html body.hdrsc .shh.hdrA .shs{order:2;flex:1 1 0!important;height:40px;border:0!important;background:#F2F4EC!important;border-radius:10px!important}
html body.hdrsc .shh.hdrA .shs .find{height:36px!important;font-size:14px}
html body.hdrsc .shh.hdrA .shcart{order:3;background:#193F33!important;color:#fff!important;border-radius:10px!important;width:40px!important;height:40px!important}
html body.hdrsc .shh.hdrA .hbd{background:#E9DE7A;color:#193F33;font-weight:800}
html body.hdrsc .shh.hdrA .shwm{order:5;flex:0 0 auto;margin:0 -12px!important;padding:5px 12px!important;background:#F4F6EE;font-size:12px}
html body.hdrsc .shh.hdrA .shwm .shwmd{display:none}
html body.hdrsc .shh.hdrA .shwm b{font-size:12px}
html body.hdrsc .shh.hdrA .shwm .shwlv{display:none}
html body.hdrsc .shh.hdrA .shfz{order:6;flex:1 1 0;min-width:0;background:#F4F6EE;margin:0 -12px 0 0!important;padding:5px 12px 5px 0!important;font-size:12px}
html body.hdrsc .shh.hdrA .shfz span{overflow:hidden;text-overflow:ellipsis}
html body.hdrsc .shh.hdrA .wlw{display:none}
html body.hdrsc .shh.hdrA .shwm.nonm{display:none!important}
html body.hdrsc .shh.hdrA .shfz{margin-left:0!important}
html body.hdrsc .shh.hdrA .shs{flex:0 0 calc(100% - 92px)!important}
html body.hdrsc .shh.hdrA .shwm.nonm+.shfz{flex:1 1 100%;margin:0 -12px!important;padding:5px 12px!important}
html body .shh.hdrA+.shwel{display:none!important}
html body:not(.hdrsc) .shh.hdrA .shwm .shwmd{display:inline!important}
/* My items line — cleaner (Moses, Oct 28: "this not nice"): … */
html body .myrw{display:flex;gap:10px;align-items:stretch;position:static;padding:10px 0;border-bottom:1px solid #EEF0E8}
html body .myrw:last-child{border-bottom:0}
html body .myr{flex:1;min-width:0;display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;margin:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
html body .myr .ipic{width:52px!important;height:52px!important;flex:none;border-radius:10px}
.myw{display:flex;flex-direction:column;gap:3px;min-width:0}
.myn{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#173F2B}
.mym{font-size:12px;color:#6B776F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.myt{display:flex;gap:4px;flex-wrap:wrap}.myt:empty{display:none}
html body .myt .myrate,html body .myt .mylow{margin:0;font-size:11px;padding:1px 6px;line-height:16px;font-weight:600}
.myside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;flex:none}
.myp{font-size:14px;color:#173F2B}
.myact{display:flex;gap:6px;align-items:center}
html body .myrw .myrm{position:static;width:32px;height:32px;padding:0;border:1px solid #E3E7DA;border-radius:8px;background:#fff;color:#8A968F;display:flex;align-items:center;justify-content:center;opacity:1}
.myrm svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .myrw .myrm:hover{color:#B42318;border-color:#F3C7C2}
html body .myrw .shmy{position:static}
html body .myrw .shmy .shadd2{height:32px;padding:0 12px;font-size:13px;min-width:0}
html body .myrw .shmy .shpill{height:32px}
.myt{flex-wrap:nowrap!important;overflow:hidden}.myt>span{white-space:nowrap;flex:none}
/* 🧺 PICKER APP (Oct 28) — the store's handheld scanners (app.js pkaView): green */
body.pkapp .top>.live,body.pkapp .top>.sample,body.pkapp [data-callc],body.pkapp #rgExit,body.pkapp #islFab{display:none!important}
body.pkapp .tbar,body.pkapp .mob,body.pkapp .side{display:none!important}body.pkapp #main{padding:0!important}body.pkapp .me.pkal{max-width:none;margin:0;padding:0 0 30px}
.pkal{min-height:100vh;background:#fff}.pkal .mel{padding-top:28px}.pkal .mel img{width:170px}.pkal .ckmsg{min-height:20px;color:#C0392B;font-weight:600}.pkaver{margin-top:6px;opacity:.75}
.pkaw{min-height:100vh;max-width:760px;margin:0 auto;background:var(--cream,#F9FAF2)}.pkaw.pkin{min-height:0;margin:0;border-radius:10px}
.pkah{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#193F33;color:#fff;position:sticky;top:0;z-index:20}
.pkah .w{flex:1;min-width:0;display:flex;flex-direction:column}.pkah .w b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pkah .w span{font-size:12px;opacity:.85}
.pkav{flex:none;width:38px;height:38px;border-radius:22%;background:#E9EC90;color:#193F33;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.pkav.sm{width:30px;height:30px;font-size:12px;background:#193F33;color:#fff}
.pkab{flex:none;height:40px;min-width:40px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pkab:active{background:rgba(255,255,255,.15)}
.pkasw{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px 0}
.pkasw button{height:42px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;font:700 14px Inter,Arial,sans-serif;color:#193F33;cursor:pointer}
.pkasw button.on{background:#193F33;border-color:#193F33;color:#fff}
.pkam{padding:4px 12px 28px}.pkam .top{padding:10px 0 4px;gap:8px;flex-wrap:wrap}.pkam .top h1{font-size:20px}
.pkam .pkb .btn,.pkam .big2{min-height:48px}
.pkadone .pkb{margin-top:8px}
.pkaform{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pkaform .find{height:44px;min-width:0}
.pkack{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-size:14px}
.pkarow{cursor:pointer}.pkarow.on{background:var(--accent-soft)}
.pkasteps{margin:0 0 6px;padding-left:20px;font-size:14px;line-height:1.5}.pkasteps li{margin-bottom:6px}
#pkaFlash{position:fixed;left:12px;right:12px;bottom:18px;z-index:2147483060;padding:14px 16px;border-radius:10px;font:700 16px Inter,Arial,sans-serif;text-align:center;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}
#pkaFlash.ok{background:#165C3A}#pkaFlash.bad{background:#B03A2E}#pkaFlash[hidden]{display:none}
@media (max-width:640px){.pkam .pkg{grid-template-columns:1fr}.pkaform{grid-template-columns:1fr}}
.pkapr{margin-bottom:12px}.pkapr .w{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}.pkapr .find{width:100%;height:44px}
.pkarow .w{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;flex-wrap:wrap}.pkarow .tag{width:auto;flex:none}
/* picker app — SIMPLE: one big card, one big … */
.pki{flex:none;display:block}
.pkhi{font:800 24px Inter,Arial,sans-serif;color:#193F33;margin:14px 2px 10px}
.pkbig{background:#fff;border:1px solid #E1E5D3;border-radius:10px;padding:18px 16px 16px;box-shadow:0 2px 10px rgba(25,63,51,.06)}
.pkbl{font:700 13px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5B6B60}
.pkbn{font:900 44px/1.05 Inter,Arial,sans-serif;color:#193F33;margin-top:4px}
.pkbc{font:700 19px Inter,Arial,sans-serif;color:#1C2620;margin-top:2px}
.pkbm{display:flex;justify-content:space-between;gap:10px;font-size:15px;color:#4A514B;margin-top:8px}
.pkbar{height:10px;border-radius:5px;background:#E7EADF;overflow:hidden;margin-top:12px}.pkbar i{display:block;height:100%;background:#165C3A;border-radius:5px}
.pkgo{width:100%;margin-top:16px;height:64px;border:0;border-radius:10px;background:#165C3A;color:#fff;font:800 21px Inter,Arial,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.pkgo:active{background:#0F4A2E}.pkgo[disabled]{background:#AEB8B0;cursor:default}
.pkleft{text-align:center;color:#5B6B60;font-size:14px;margin:10px 0 0}
.pkempty{text-align:center;color:#5B6B60;padding:34px 16px}.pkempty .pki{margin:0 auto 8px;color:#9AA59D}
.pkdh{font:700 13px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5B6B60;margin:22px 2px 8px}.pkdh span{color:#9AA59D}
.pkdn{background:#fff;border:1px solid #E1E5D3;border-radius:10px;overflow:hidden}
.pkdnr{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-top:1px solid #EEF0E6}.pkdnr:first-child{border-top:0}
.pkdnr .w{grid-column:1/-1;min-width:0;display:flex;flex-direction:row;align-items:baseline;gap:8px}.pkdnr .w span{font-size:12px;color:#5B6B60;display:flex;align-items:center;gap:4px}
.pkdnr button{height:40px;padding:0 10px;justify-content:center;border:1px solid #DCE0C6;background:#fff;border-radius:10px;display:flex;align-items:center;gap:6px;font:600 13px Inter,Arial,sans-serif;color:#193F33;cursor:pointer}
.pkoh{display:flex;align-items:center;gap:10px;margin:12px 0 8px}.pkoh .w{flex:1;min-width:0;display:flex;flex-direction:column}.pkoh .w b{font:900 24px Inter,Arial,sans-serif;color:#193F33}.pkoh .w span{font-size:14px;color:#4A514B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkic{position:relative;flex:none;width:46px;height:46px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#193F33;cursor:pointer}
.pkdot{position:absolute;top:7px;right:7px;width:10px;height:10px;border-radius:3px;background:#C0392B}
.pkprog{display:flex;align-items:center;gap:10px}.pkprog .pkbar{flex:1;margin:0}.pkprog span{font:700 15px Inter,Arial,sans-serif;color:#193F33;white-space:nowrap}
.pknote2{display:flex;gap:8px;align-items:flex-start;background:#FFF6D6;border:1px solid #F0DC8C;border-radius:10px;padding:10px 12px;margin-top:10px;font-size:15px;color:#4A3B00}
.pkitem{background:#fff;border:1px solid #E1E5D3;border-radius:10px;padding:16px;margin-top:12px;text-align:center;box-shadow:0 2px 10px rgba(25,63,51,.06)}
.pkimg{display:block;width:120px;height:120px;object-fit:contain;margin:0 auto 6px;border-radius:10px}
.pkqty{font:900 54px/1 Inter,Arial,sans-serif;color:#193F33}.pkqty small{font-size:22px;font-weight:700;color:#5B6B60}
.pkname{font:800 24px/1.2 Inter,Arial,sans-serif;color:#1C2620;margin-top:8px}
.pksub2{font-size:15px;color:#5B6B60;margin-top:4px}
.pkwt{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:15px;color:#1C2620}.pkwt input{width:110px;height:50px;border:2px solid #193F33;border-radius:10px;font:800 22px Inter,Arial,sans-serif;text-align:center}
.pkscanhint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font:700 15px/1.3 Inter,Arial,sans-serif;color:#165C3A;text-align:left}
.pkbtns{display:grid;grid-template-columns:3fr 2fr;gap:10px;margin-top:14px}
.pkbtns button{height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font:800 19px/1.1 Inter,Arial,sans-serif;cursor:pointer}.pkno{font-size:16px!important}
.pkyes{border:0;background:#165C3A;color:#fff}.pkyes:active{background:#0F4A2E}
.pkno{border:2px solid #E3B4AE;background:#fff;color:#A93226}.pkno:active{background:#FBEDEB}
.pknext{display:flex;gap:8px;align-items:baseline;justify-content:center;margin-top:12px;font-size:14px;color:#5B6B60}.pknext b{color:#1C2620;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}
.pkfin .pkok{width:72px;height:72px;margin:0 auto;border-radius:22%;background:#E6F2EA;color:#165C3A;display:flex;align-items:center;justify-content:center}
.pkcnt{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.pkcnt b{font:900 48px Inter,Arial,sans-serif;color:#193F33;min-width:64px}
.pkcnt button{width:64px;height:64px;border:2px solid #193F33;background:#fff;border-radius:10px;color:#193F33;display:flex;align-items:center;justify-content:center;cursor:pointer}
.pklinks{display:flex;justify-content:space-between;gap:10px;margin:14px 2px 0}.pklinks button{height:42px;padding:0 12px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;display:flex;align-items:center;gap:6px;font:600 14px Inter,Arial,sans-serif;color:#193F33;cursor:pointer}
.pkasw button{display:flex;align-items:center;justify-content:center;gap:8px}
.pkpinl{font:700 18px Inter,Arial,sans-serif;color:#193F33;margin:4px 0}
.pkalang{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:340px;margin-top:6px}.pkalang button{height:44px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;font:700 15px Inter,Arial,sans-serif;color:#193F33;cursor:pointer}.pkalang button.on{background:#193F33;border-color:#193F33;color:#fff}
.pkab{font:800 13px Inter,Arial,sans-serif}
/* Website top bar on a COMPUTER (Moses, Oct 28: "when I open the website from t */
@media (min-width:861px){
html body .shh.hdrA,html body.hdrsc .shh.hdrA{flex-wrap:wrap!important;padding:8px max(16px,calc((100% - 1200px)/2)) 6px!important;gap:6px 12px!important}
html body .shh.hdrA .shs,html body.hdrsc .shh.hdrA .shs{order:2!important;flex:1 1 0!important;max-width:680px!important;margin:0 auto!important;height:42px}
html body .shh.hdrA .shacb{order:3;margin-left:0!important}
html body .shh.hdrA .shcart{order:4}
html body.hdrsc .shh.hdrA .shmb,html body.hdrsc .shh.hdrA .shacb{display:flex!important}
html body .shh.hdrA .shwm,html body.hdrsc .shh.hdrA .shwm{order:5;flex:1 1 40%!important;justify-content:flex-start!important;margin:0!important;padding:2px 0!important;background:none!important}
html body .shh.hdrA .shfz,html body.hdrsc .shh.hdrA .shfz{order:6;flex:1 1 40%!important;min-width:0;margin:0!important;padding:2px 0!important;background:none!important}
html.desk-own body .shh.hdrA{padding-right:max(136px,calc((100% - 1200px)/2))!important}
}
/* computer (Joseph, Oct 28): "This week's sp … */
@media (min-width:641px){.hmsp{max-width:none!important}.hmspi{width:34%!important;max-width:320px}.hmspi .ipic,.hmspi img{max-height:220px!important}
 .hmsr{grid-template-columns:repeat(8,minmax(0,1fr))!important}.hmsp2{max-height:140px}}
@media (max-width:640px){.hmsr>.hmsc:nth-child(n+5){display:none}}
@media (min-width:641px){.hmsp .hmspa{max-width:260px}}
/* picker app: the boxes / Done bar sits at t … */
body.pkapp .pkfoot{position:static!important;bottom:auto!important;box-shadow:none!important;margin-top:14px}
.pkchoose{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:10px;border:1px solid #DCE0C6;background:#fff;border-radius:10px;font:700 16px Inter,Arial,sans-serif;color:#193F33;cursor:pointer}
.pkcho{display:flex;align-items:center;gap:10px;width:100%;padding:14px 12px;border:0;border-top:1px solid #EEF0E6;background:#fff;text-align:left;cursor:pointer;color:#193F33}.pkcho:first-child{border-top:0}
.pkcho .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pkcho .w b{font:800 18px Inter,Arial,sans-serif}.pkcho .w span{font-size:13px;color:#5B6B60}
.pkupd{display:flex;align-items:center;gap:10px;width:100%;max-width:340px;margin:10px auto 0;padding:12px 14px;border:0;border-radius:10px;background:#E9EC90;color:#193F33;font:600 15px Inter,Arial,sans-serif;cursor:pointer}
.pkupd span{flex:1;text-align:left}.pkupd b{background:#193F33;color:#fff;border-radius:8px;padding:6px 12px}
.pkam .pkupd{max-width:none;margin:12px 0 0}
.mrqr{display:flex;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid #EEF0E6}.mrqr .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mrqr .acts{margin:0;flex:none}
/* 3 specials + ALL departments (Joseph, Oct 28): computer = side by side / wrap */
.hmsps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.hmsps .hmsp{margin:0!important;max-width:none!important}
@media (min-width:641px){.hmsps .hmspi{width:42%!important}}
@media (max-width:640px){.hmsps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hmsps::-webkit-scrollbar{display:none}
 .hmsps .hmsp{flex:0 0 88%;scroll-snap-align:start}
}
/* front-page departments = the Departments p … */
.hmdpg{margin:4px 0 12px}
@media (min-width:641px){.hmdpg{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:12px!important}}
@media (max-width:640px){.hmdpg{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;scrollbar-width:none;padding-bottom:6px}.hmdpg::-webkit-scrollbar{display:none}.hmdpg .dpc{flex:0 0 42%;scroll-snap-align:start}}
.pknosub{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;padding:5px 10px;border-radius:8px;background:#FBEDEB;color:#A93226;font:700 13px Inter,Arial,sans-serif}
.pkdiag{background:#10251D;color:#E9EC90;border-radius:10px;padding:12px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;min-height:180px;white-space:pre-wrap;margin:0}
/* Bulk edit list — ONE even look (Moses, Oct 28: "not nice"): every column the */
html body #main table.rpt.rpt.rpt.rpt.bkt td,html body #main table.rpt.rpt.rpt.rpt.bkt td.num,html body #main table.rpt.rpt.rpt.rpt.bkt td.small,html body #main table.rpt.rpt.rpt.rpt.bkt .bki,html body #main table.rpt.rpt.rpt.rpt.bkt textarea.bki{font-size:13px!important;font-weight:400}
html body #main table.rpt.rpt.rpt.rpt.bkt textarea.bki{font-weight:500!important;color:#1B2420}
html body #main table.rpt.rpt.rpt.rpt.bkt .bki{height:30px!important;padding:4px 6px!important}
html body #main table.rpt.rpt.rpt.rpt.bkt td{padding:3px 6px!important;height:38px}
html body #main table.rpt.rpt.rpt.rpt.bkt td.r .bki,html body #main table.rpt.rpt.rpt.rpt.bkt td.num{font-variant-numeric:tabular-nums}
html body #main table.rpt.rpt.rpt.rpt.bkt td.num.negv,html body #main table.rpt.rpt.rpt.rpt.bkt td.num.negv *{color:#8A968F!important}
html body #main table.rpt.rpt.rpt.rpt.bkt textarea.bki{padding-top:5px!important}
html body #main table.rpt.rpt.rpt.rpt.bkt tbody tr:hover td{background:#F6F8F3}
html body #main table.rpt.rpt.rpt.rpt.bkt .bksel input{display:block;margin:0 auto}
html body #main table.rpt.rpt.rpt.rpt.bkt th{font-size:11px!important;letter-spacing:.04em;color:#6B776F}
@media (max-width:640px){html body #main table.rpt.rpt.rpt.rpt.bkt td,html body #main table.rpt.rpt.rpt.rpt.bkt td.num,html body #main table.rpt.rpt.rpt.rpt.bkt td.small,html body #main table.rpt.rpt.rpt.rpt.bkt .bki,html body #main table.rpt.rpt.rpt.rpt.bkt textarea.bki{font-size:12px!important}html body #main table.rpt.rpt.rpt.rpt.bkt td{padding:3px 2px!important;height:34px}html body #main table.rpt.rpt.rpt.rpt.bkt .bki{height:28px!important;padding:3px!important}}
/* Merge requests — one line per account (Moses, Oct 28) */
.mrqb{border-top:1px solid #EEF0E6;padding:8px 0}.mrqh{padding:4px 12px 6px;display:flex;flex-direction:column;gap:2px}
.mrqb .mrqr{border-top:0;padding:6px 12px;align-items:flex-start}.mrqb .mrqr .mrqck{width:18px;height:18px;margin-top:2px;accent-color:#1F7A4D;flex:none}
.mrqc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}.mrqc select{height:30px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);font:inherit;font-size:13px;max-width:240px}
.mrqin{width:84px;height:30px;border:1px solid var(--line);border-radius:10px;padding:0 8px;font:inherit;font-size:14px;letter-spacing:.1em}
.mrqv{background:#E6F2E1;color:#1F7A4D;border-radius:8px;padding:1px 6px;font-size:12px;font-weight:600}
.mrqa{display:flex;gap:6px;padding:6px 12px 2px;justify-content:flex-end}
.pkauto{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #EEF0E6}.pkauto .w{flex:1;font-size:14px}.pkauk{width:26px;height:26px;border-radius:22%;display:flex;align-items:center;justify-content:center}.pkauk.ok{background:#E6F2EA;color:#165C3A}.pkauk.no{background:#FBEDEB;color:#A93226}

/* dropped bill — on its way (Moses, Oct 28) */
#dropBar{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:2147483100;display:flex;align-items:center;gap:8px;background:#173F2B;color:#fff;border-radius:12px;padding:10px 16px;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,.18);max-width:calc(100vw - 32px)}
#dropBar b{color:#fff}#dropBar .dbs{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#E9DE7A;border-radius:4px;animation:dbspin .8s linear infinite;flex:none}
@keyframes dbspin{to{transform:rotate(360deg)}}
.pkbtns.one{grid-template-columns:1fr}.pkscanhint.must{font-size:17px;background:#EEF6EE;border-radius:10px;padding:12px;color:#165C3A}.pktyl{margin-top:10px;border:0;background:none;color:#5B6B60;text-decoration:underline;font:600 14px Inter,Arial,sans-serif;cursor:pointer}.pktyp{display:flex;gap:8px;margin-top:8px}.pktyp .find{flex:1;min-width:0;height:48px;font-size:18px}
/* 👁 Live teammate view + 🖥 screen share (Mos … */
.ihr{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid var(--line);cursor:pointer}.ihr:hover{background:var(--surface-2)}.ihav{width:34px;height:34px;border-radius:22%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem;flex:none}.ihn{flex:1;min-width:0;display:flex;flex-direction:column}.ihn b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ihpt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ihcard h3 .i{margin-right:6px;vertical-align:-3px}.ihpg{display:flex;align-items:center;gap:6px;min-width:0}.ihb{display:inline-flex;gap:6px}
.ihdot{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--line);flex:none}.ihdot.on{background:var(--good)}
.ihsec{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.ihnh{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ihnl{margin-top:8px;display:grid;gap:3px;font-size:.86rem;max-height:220px;overflow:auto}.ihacts{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.ihlive{position:fixed;inset:0;z-index:9000;background:var(--bg);display:flex;flex-direction:column}
.ihl-h{display:flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:0 10px;background:var(--brand);color:var(--brand-ink);flex:none}
.ihl-h b{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ihl-s{flex:1;min-width:0;opacity:.85;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ihl-x{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.16);color:inherit;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:5px 10px;font:inherit;font-size:.82rem;cursor:pointer;flex:none}
.ihl-b{flex:1;position:relative;overflow:hidden;background:var(--surface-2)}.ihl-f{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:#fff;transform-origin:0 0}
#ihWAsk{position:fixed;left:50%;bottom:70px;transform:translateX(-50%);z-index:9600;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;background:var(--card,#fff);color:var(--ink,#111);border:1px solid var(--line,#ddd);border-radius:10px;padding:10px 12px;box-shadow:0 8px 28px rgba(0,0,0,.25);max-width:calc(100vw - 32px);font-size:.9rem}#ihWAsk .ihwa-b{display:flex;gap:6px}
#ihWatch{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:9500;display:flex;align-items:center;gap:6px;background:var(--brand);color:var(--brand-ink);font-size:.8rem;padding:6px 10px;border-radius:8px;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.ihscr{position:fixed;inset:0;z-index:9100;background:#000;display:flex;flex-direction:column}
.ihs-top{display:flex;align-items:center;gap:8px;height:44px;box-sizing:border-box;padding:0 10px;background:#0E2219;color:#fff;flex:none;overflow:hidden}
.ihs-top b{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ihs-msg{color:#C9D6CC;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ihs-hint{color:#8FAE95;font-size:.8rem;white-space:nowrap}.ihs-grow{flex:1}
.ihscr video{flex:1;min-height:0;width:100%;height:100%;object-fit:contain;background:#000;cursor:crosshair}
.ihs-top .btn{background:#1D3A2B;color:#fff;border-color:#2F5A43}.ihs-end{background:var(--bad)!important;color:#fff!important;border-color:var(--bad)!important}
.ihsbar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9100;display:flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;background:#0E2219;color:#fff;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.3);font-size:.88rem;max-width:calc(100vw - 32px)}
.ihs-dot{width:9px;height:9px;border-radius:2px;background:var(--bad);flex:none}.ihsbar .ihs-msg{color:#fff}
.ihs-ptr{position:fixed;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:6px;background:rgba(194,54,43,.85);box-shadow:0 0 0 6px rgba(194,54,43,.3);pointer-events:none;z-index:9600;animation:ihPtr 2.6s ease-out forwards}
@keyframes ihPtr{0%{transform:scale(.4);opacity:1}15%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:scale(1.4)}}
html.desk-own .ihl-h,html.desk-own .ihs-top{padding-right:140px}
@media (max-width:640px){.ihl-h{gap:6px;padding:0 8px}.ihl-s{font-size:.76rem}.ihb .btn{padding:6px 8px}}
.pkmgr{display:flex;flex-direction:column;align-items:center;gap:12px}.pkmgr .ckpad{width:100%;max-width:340px}.pkmgr .ckmsg{min-height:20px;color:#C0392B;font-weight:600}
/* website front page on a COMPUTER — not giant (Moses, Oct … */
@media (min-width:861px){
html body .hmdpg{grid-template-columns:repeat(auto-fill,minmax(130px,150px))!important;gap:12px!important;justify-content:start}
html body .hmdpg .dpc{aspect-ratio:1/1}
html body .hmusg{grid-template-columns:repeat(4,110px)!important;gap:10px}
html body .hmusa{max-width:320px}
html body .hcg.hcp{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}
}
/* picker scanner: the sign-in sits at the TOP so the on-screen keyboard never c */
html.pkapp #islGate{place-items:start center;padding:6px 10px 60vh}html.pkapp #islGate .igc{gap:6px}html.pkapp #islGate img{width:80px}html.pkapp #islGate .igb{padding:10px 12px}html.pkapp #islGate h2{font-size:17px;margin:0 0 2px}html.pkapp #islGate p{margin:0 0 4px}html.pkapp #islGate .field{margin:0 0 6px}
html.pkapp .modal{align-items:flex-start!important}html.pkapp .modal .box{height:auto!important;max-height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-radius:0 0 10px 10px!important;padding-bottom:16px!important}html.pkapp.pkkb .modal .box{padding-bottom:40vh!important} /* room under the window only while the keyboard is up (pkkb) — a receipt has no empty space under it (Joseph, Oct 30) */

/* Sales by hour (Oct 28) */
html body #main .dsh-cards .dsh-hrs{display:flex;flex-direction:column}
html body #main .dsh-cards .dsh-hrs .tvbars{display:flex;align-items:flex-end;gap:4px;flex:1;height:auto;min-height:150px;padding-top:6px}
.dsh-hrs .tvb .num{display:block;position:relative;z-index:2;font-size:10px;font-weight:700;color:#41454E;white-space:nowrap}
.dsh-hrs .tvb u{z-index:0;bottom:18px}
.dsh-hrs .tvb i{z-index:1}
.dsh-hrs .tvb em{position:relative;z-index:2}
/* picker: store walk order list (Oct 28) */
.pkwalk{display:grid;gap:6px}.pkwr{display:grid;grid-template-columns:28px 1fr auto auto;gap:6px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px}.pkwr b{text-align:center}.pkwr .btn{min-width:44px;justify-content:center}

/* WEBSITE ON A COMPUTER (Joseph, Oct 28: "doesn't make sense for desktop — alwa */
@media (min-width:641px){html body.pg-shop #main{padding-left:0!important;padding-right:0!important}}
@media (min-width:900px){
html body .shh.hdrA{flex-wrap:wrap;justify-content:flex-start;gap:8px 16px!important;padding:10px 28px!important;max-width:none;width:100%;box-sizing:border-box}
html body .shh.hdrA .lgw{display:none!important}
html body .shh.hdrA .shs{order:2;flex:1 1 380px!important;max-width:820px!important}
html body .shh.hdrA .shwm{order:3;margin-left:auto!important;display:flex!important;gap:8px;align-items:center;white-space:nowrap}
html body .shh.hdrA .shacb{order:4;margin-left:0!important}
html body .shh.hdrA .shcart{order:5}
html body .shh.hdrA .shfz{order:9;flex:1 1 100%!important;margin:0!important}
.hmhero{height:140px!important}
.hmhero>div{padding:12px 18px!important;gap:4px!important}
.hmhero b{font-size:24px!important;max-width:560px!important}
.hmhero .btn,.hmhero button{height:34px!important;padding:0 14px!important;font-size:14px!important}
.hmrush{padding-top:6px!important;padding-bottom:6px!important}
.hmsps{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
.hmsps .hmsp{flex-direction:column;height:auto;min-height:0!important;border-width:1px!important}
.hmsps .hmspi{width:100%!important;height:120px;max-width:none!important;padding:8px!important}
.hmsps .hmspi .ipic,.hmsps .hmspi img{width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain}
.hmsps .hmsp>div{padding:10px 12px 12px!important;gap:2px!important}
.hmsps .hmsp>div>b{font-size:14px!important}
.hmsps .hmspa{height:32px!important;margin-top:8px!important;max-width:180px}
html body .hmdpg{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:12px!important}
html body .hmdpg .dpc{aspect-ratio:1/1!important}
}

/* PHONE = compact + small (Joseph, Oct 28: "the phone keep compact and small") */
@media (max-width:640px){
html body .hmhero{height:140px!important}
html body .hmhero>div{padding:10px 14px!important;gap:3px!important}
html body .hmhero small{font-size:10px!important}
html body .hmhero b{font-size:18px!important;max-width:240px!important}
html body .hmhero>div>*{flex:none}
html body .hmhero i{font-size:11.5px!important}
html body .hmhero .btn,html body .hmhero button{height:30px!important;line-height:30px!important;padding:0 12px!important;font-size:12.5px!important;min-height:0!important;align-self:flex-start;display:inline-flex;align-items:center}
html body .hmrush{padding:5px 12px!important;font-size:12px!important}
html body .hmsps .hmsp{flex:0 0 78%!important;min-height:0!important;height:auto;border-width:1px!important}
html body .hmsps .hmspi{width:30%!important;padding:4px!important}
html body .hmsps .hmspi .ipic,html body .hmsps .hmspi img{max-height:90px!important}
html body .hmsps .hmsp>div{padding:6px 10px!important;gap:1px!important}
html body .hmsps .hmsp small{font-size:9px!important}
html body .hmsps .hmsp>div>b{font-size:13px!important;line-height:1.25!important;-webkit-line-clamp:1}
html body .hmsps .hmsp .shbz{font-size:10.5px!important;line-height:1.3}
html body .hmsps .hmspp{font-size:15px!important}
html body .hmsps .hmspa{height:26px!important;margin-top:4px!important;font-size:12px!important}
html body .hmdpg .dpc{flex:0 0 30%!important;aspect-ratio:1/1!important;border-radius:12px}
html body .hmdpg .dpc .dpn i{display:none}
html body .hmdpg .dpc .dpn b{font-size:12px!important}
}

/* Inventory (warehouse) — search + category + scan in one row (Moses, Oct 28) */
.stkbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 8px}
.stkbar .find{flex:1 1 100%;min-width:0}.stkbar select{flex:1 1 0}
.stkbar select{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);font:inherit;font-size:13px;max-width:200px}
@media (max-width:640px){.stkbar{flex-wrap:wrap}.stkbar .find{flex-basis:100%}.stkbar select{flex:1;max-width:none}}
.stkbar+.chips{flex-wrap:wrap;overflow:visible}

/* specials on a computer — small, light and clean (Joseph, Oct 28: "much smalle */
@media (min-width:900px){
html body .hmsps{gap:10px!important}
html body .hmsps .hmsp{flex-direction:row!important;align-items:center;height:auto!important;min-height:0!important;background:#fff!important;color:#0C1610!important;border:1px solid #E3E7DF!important;border-radius:12px!important;padding:8px!important;gap:10px;box-shadow:0 1px 2px rgba(20,35,27,.05)}
html body .hmsps .hmspi{width:64px!important;height:64px!important;flex:none!important;padding:3px!important;background:#F6F7F2!important;border-radius:9px!important;position:relative}
html body .hmsps .hmspi .ipic,html body .hmsps .hmspi img{max-height:58px!important;background:transparent!important}
html body .hmsps .hmsp>div{padding:0!important;gap:4px 8px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;min-width:0}
html body .hmsps .hmsp small,html body .hmsps .hmsp .shbz{display:none!important}
html body .hmsps .hmsp>div>b{flex:1 1 100%!important;font-size:13px!important;font-weight:600;color:#0C1610;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.25!important}
html body .hmsps .hmspp{flex:1;font-size:15px!important;color:#C8102E}
html body .hmsps .hmspp s{font-size:11px!important;color:#8A948E;opacity:1}
html body .hmsps .hmspa{flex:none;height:28px!important;margin:0!important;font-size:12.5px!important;max-width:none;padding:0 12px!important;background:#193F33!important;color:#fff!important;border-radius:8px!important}
html body .hmsps .soff,html body .hmsps .hmoff{font-size:9px!important;padding:1px 4px!important;top:auto!important;bottom:2px!important;left:2px!important;right:auto!important}
}

/* On sale this week (Joseph, Oct 28: "bigger … */
.hmsr1{flex-basis:100%;margin-top:8px;cursor:default}
html body .hmsr1 .shg{grid-auto-rows:0!important;grid-template-rows:auto!important;row-gap:0!important;overflow:hidden;margin:0!important}
@media (max-width:640px){html body .hmsr1 .shg{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}html body .hmsr1 .shg::-webkit-scrollbar{display:none}html body .hmsr1 .shg>*{flex:0 0 43%;scroll-snap-align:start}} /* phones: swipe for more (Joseph, Oct 28) */

.hmmd{margin:14px 0 0!important;font-size:18px}.hmmd .small{font-weight:500;margin-left:6px}

/* the Home / Walk the aisles row scrolls awa … */
html body .shop .sht{position:static!important}
/* invoice window: the PDF stays in view whil … */
.ivhlbox{position:absolute;left:0;right:0;background:rgba(255,214,10,.32);border:2px solid rgba(214,160,0,.9);border-radius:3px;pointer-events:none}
@media(min-width:861px){.modal .box.ivwide .ivgrid>.ivpv{position:sticky;top:0;max-height:calc(100vh - 110px)}}

/* Bulk edit filter rows on the page (Moses, Oct 28) */
.bkadv{border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}
.bkadv .bkrl{margin-bottom:0}
.bkadvb{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bkadvb select{height:32px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--card);font:inherit;font-size:13px}


/* Single / Case keep the SAME card size — the price area al … */
/* ⚖ Read the scale button under the weight box (picker app, Joel Oct 28) */
.pkscl{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 0;padding:12px;border:2px solid var(--g,#193F33);border-radius:10px;background:#fff;color:var(--g,#193F33);font:800 17px/1.1 Inter,Arial,sans-serif;cursor:pointer}.pkscl:active{background:#EAF3EE}
/* ONE price line: price + struck old price s … */
.shpa .prb{flex-direction:row!important;align-items:baseline;gap:6px;flex-wrap:nowrap;white-space:nowrap;height:24px;overflow:hidden}.shpa .prb>*{line-height:24px!important}.shsc .csp2{font-weight:800;margin-left:3px;font-size:.92em}.shsc button{white-space:nowrap;min-width:0;padding-left:4px!important;padding-right:4px!important}

/* 📍 the item's location on the picker card (Oct 28) */
.pkloc{display:inline-flex;align-items:center;gap:6px;margin:6px auto 0;padding:6px 12px;border:0;border-radius:10px;background:#E6F2E1;color:#193F33;font:inherit;font-size:17px;font-weight:800;cursor:pointer}
.pkloc.none{background:#fff;border:1.5px dashed #9AA79F;color:#5B6660;font-size:14px;font-weight:600}

.pklc{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--brand)}
.shsc:not(.sm){display:flex;max-width:100%;box-sizing:border-box}.shsc:not(.sm) button{flex:0 0 auto;padding-left:10px!important;padding-right:10px!important}.shsc:not(.sm) button+button{flex:1 1 0;overflow:hidden;font-size:13px}.shsc .csp2{font-size:.88em}
/* 🧺 live picking on the customer's order (Moses, Oct 28) */
.ordrc .pkm{font-style:normal;display:inline-block;width:1.2em;color:var(--mut,#888)}.ordrc .pkok .pkm,.ordrc .pkg2{color:#1e8e3e}.ordrc .pkout .pkm{color:#c0392b}.ordrc .pkout .rn span{text-decoration:line-through;opacity:.7}
.pkoh{margin:6px auto 0;text-align:center;font:700 15px Inter,sans-serif;color:#1F6F43}.pkoh.no{color:#B42318}
.pkst{margin:6px 0 0;width:100%;text-align:center;font:700 15px Inter,sans-serif;color:#1F6F43}.pkst.no{color:#B42318}
.pkunf{border:2px solid #c0392b;border-radius:10px;padding:10px;margin:8px 0;background:#fdecea}.pkunf>b{display:block;color:#c0392b;margin-bottom:6px}
.drsent{display:flex;align-items:center;justify-content:center;height:100%;min-height:70px;font-weight:800;color:#1F6F43;background:#EAF5EE;border-radius:10px}
/* 💳 the card processor's secure boxes sit IN … */
#acCardNew .find{height:48px!important;flex:none!important;box-sizing:border-box;font-size:16px}#acCardNew input.find{padding:0 14px!important}#acCardNew #accCn,#acCardNew #accCv{overflow:hidden;display:flex;align-items:center;padding:0!important}#acCardNew iframe.sola-if{width:100%!important;height:42px!important;border:0!important;display:block;background:transparent}#acCardNew .acs>div[style*="grid"]>*{min-width:0}

/* delivered order: the driver's door pictures, small (Joseph, Oct 28) */
.acpod{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.acpod img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line,#E6EAE3);display:block}
.rrq{display:flex!important;align-items:center;gap:8px;margin-top:6px;font-weight:600;color:var(--ink,#14231B)}.rrq i{font-style:normal;width:30px;height:30px;border:1px solid var(--line,#D9DED5);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;background:#fff}.rrq b{min-width:16px;text-align:center}
/* product card Single | Case on phones: the case price goes … */
.shsc.sm{display:flex!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.shsc.sm button{flex:1 1 0!important;min-width:0!important;white-space:nowrap;line-height:1.15;padding:5px 2px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.shsc.sm .csp2{display:block;margin:1px 0 0!important;font-size:11px!important;font-weight:700}
.rtgrid .rtcard{min-width:0;overflow:hidden}.rtcard .acts{flex-wrap:wrap}.rtcard label.off{opacity:.5}

/* 📦 my order's steps under the welcome (Joseph, Oct 29) */
html body .shtrk{display:block;width:calc(100% - 16px);margin:8px 8px 4px;padding:8px 10px 6px;border:1px solid #DCE5D2;border-radius:10px;background:#F4F8EF;text-align:left;font:inherit;color:#1F3B2D;cursor:pointer}
.shtrk .sttl{display:block;font-size:12.5px;margin-bottom:6px}.shtrk .stnow{color:#2E7D4F}
.shtrk .stb{display:flex;align-items:flex-start}.shtrk .sts{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}
.shtrk .sts:before{content:"";position:absolute;top:8px;right:50%;width:100%;height:3px;background:#DCE5D2}.shtrk .sts:first-child:before{display:none}
.shtrk .sts.d:before,.shtrk .sts.on:before{background:#2E7D4F}
.shtrk .sts i{position:relative;z-index:1;width:18px;height:18px;border-radius:5px;background:#fff;border:2px solid #C9D5BE;font-style:normal;font-size:11px;line-height:14px;text-align:center;color:#fff}
.shtrk .sts.d i{background:#2E7D4F;border-color:#2E7D4F}.shtrk .sts.on i{border-color:#2E7D4F;box-shadow:0 0 0 3px #CFE6D5;background:#fff}
.shtrk .sts small{font-size:10px;letter-spacing:-.1px;margin-top:3px;color:#6B7A70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.shtrk .sts.on small{color:#1F3B2D;font-weight:700}

/* 🍅 pieces · ~lb (Oct 29) */
.pcw{display:inline-block;white-space:nowrap}.pcs{display:inline;font-size:.72em;font-weight:600;color:#6B7A70;margin-left:2px;white-space:nowrap}.pcnote{margin:4px 0 6px;text-align:center}
/* the card line on the order window — slim, like a normal row (Moses, Oct 29) */
.ccb{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0 0 10px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:.88rem}
.ccb-t{flex:1;min-width:0}.ccb-t b{font-weight:700}.ccb-t .small{font-size:.78rem}
.ccb-a{display:flex;gap:6px;flex-wrap:wrap}.ccb-a .btn{padding:5px 10px;min-height:0;font-size:.82rem}
.ordtl{margin:0 0 8px;font-size:.74rem;line-height:1.35;border:1px solid var(--line);border-radius:10px;padding:5px 9px}.ordtl-h{font-size:.78rem;margin-bottom:2px}.ordtl-r{display:flex;gap:8px}.ordtl-r .num{flex:none;width:78px;color:#5D6B62;font-variant-numeric:tabular-nums}.ordtl-r span+span{min-width:0;overflow-wrap:anywhere}

/* the ORDER window compact — fits one phone … */
.ordmk{display:none}
.ordmk~.steps{margin:0 0 6px;gap:4px}.ordmk~.steps .s{padding:3px 8px;font-size:.76rem}
.ordmk~.kv{font-size:.84rem;row-gap:1px;margin-bottom:6px}.ordmk~.kv>*{padding-top:1px;padding-bottom:1px}
.ordmk~.kv .btn,.ordmk~.kv button{padding:2px 8px;min-height:0;font-size:.82rem}
.ordmk~.field{margin-bottom:6px;font-size:.82rem}.ordmk~.field .label{font-size:.78rem;margin-bottom:2px}
.ordmk~.acts{gap:5px;margin:2px 0 6px!important}.ordmk~.acts .btn{padding:4px 9px;font-size:.8rem;min-height:0}
.ordmk~.rcard{margin-bottom:6px}.ordmk~.rcard .rpt td,.ordmk~.rcard .rpt th{padding-top:4px;padding-bottom:4px;font-size:.84rem}
.ordmk~.rcard img{max-width:32px;max-height:32px}
.ordmk~.small{font-size:.76rem}
.ordmk~.kv{row-gap:2px!important;font-size:12px!important;margin-bottom:6px}.ordmk~.kv>span:nth-child(odd){font-size:11.5px}.ordmk~.kv .btn,.ordmk~.kv button,.ordmk~.kv a.btn{padding:1px 8px!important;min-height:0!important;font-size:12px!important;border-radius:7px}
.ordmk~.ccb{padding:5px 9px}.ordmk~.steps .s{padding:2px 7px}
.ordbt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 6px}.ordbt.b2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ordbt .btn{width:100%;justify-content:center;padding:6px 4px;min-height:34px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}

/* the CUSTOMER card — compact like Sales tic … */
.cpmk{display:none}
.cpmk~.cphd{display:flex;align-items:center;gap:8px;margin:0 0 8px}.cphd .cav{width:30px;height:30px;font-size:12px;border-radius:8px;flex:none}.cphd-n{min-width:0;font-size:.82rem}.cphd .tag{font-size:.7rem;padding:1px 6px}
.cpmk~.boxes{margin-bottom:8px}
.cpmk~.rcard{margin-bottom:8px}.cpmk~.rcard h3{font-size:.9rem;padding-top:8px;padding-bottom:6px}.cpmk~.rcard .pad{padding-top:6px;padding-bottom:8px}
.cpmk~.rcard .kv{row-gap:2px!important;font-size:12px!important;margin-bottom:0}
.cpmk~.rcard .chips{padding-bottom:6px!important}.cpmk~.rcard .cchip{padding:3px 9px;font-size:.78rem}
.cpmk~.acts{gap:6px;margin:0 0 8px!important}.cpmk~.acts .btn{padding:5px 10px;min-height:0;font-size:.82rem}
.cph td{white-space:nowrap!important;padding-top:5px!important;padding-bottom:5px!important}.cph td:first-child{font-size:.78rem;color:#5D6B62}.cph td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;width:100%}
.shtrk .steta{font-size:11.5px;color:#6B7A70;font-weight:600}
.rcpt.ordrc .ri.rip{position:relative;padding-left:54px!important;min-height:48px}.ordrc .rpic{position:absolute;left:0;top:4px;width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;border:1px solid #E6EAE3}

/* customer card — nice + lined up (Moses, Oct 29) */
.cpacts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.cpacts .ccbtn{min-height:60px}
.cpcard{padding:2px 0!important;overflow:hidden}
.cpr{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;min-height:44px}.cpr:last-child{border-bottom:0}
.cpr>svg,.cpr>.ic{flex:none;color:#5D6B62}.cpr-l{flex:none;width:74px;font-size:12px;color:#6E776F}.cpr-v{flex:1;min-width:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}.cpr-v small{display:block;font-size:11.5px;font-weight:400;color:#6E776F;margin-top:2px}
a.cpr .cpr-v{color:var(--brand,#1E4D3B)}
.cpweb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px!important}.cpweb-t{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.cpweb-t small{display:block;font-size:11.5px;color:#6E776F}.cpweb .btn{padding:6px 12px;min-height:0;font-size:.82rem}
html body .modal .cpmk~.rcard.cpcard,html body .modal .cpmk~.rcard.cpweb,html body .modal .cpmk~.rcard.fclick{border:1px solid var(--line,#E3E8E1)!important;border-radius:12px!important;background:var(--card,#fff)!important}
.cpweb .btn{margin-left:auto}.cpmk~.rcard .pad.small{padding:10px 14px}

/* more compact (Moses, Oct 29: "more, more compact, same idea, and nicer") */
.cpacts{gap:6px!important;margin:0 0 8px!important}.cpacts .ccbtn{min-height:46px!important;padding:6px 4px!important;font-size:.76rem!important;gap:2px!important}.cpacts .ccbtn svg{width:17px;height:17px}
.cpr{padding:7px 12px;min-height:38px;gap:9px}.cpr-l{width:62px;font-size:11.5px}.cpr-v{font-size:13.5px}.cpr-v small{font-size:11px;margin-top:1px}.cpr>svg{width:16px;height:16px}
.cpr .cprb{flex:none;padding:4px 9px!important;min-height:0!important;font-size:.76rem!important}
.cpmk~.cphd{margin:0 0 6px}.cpmk~.boxes .box,.cpmk~.boxes>*{padding-top:6px;padding-bottom:6px}

.cpsts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 8px}
.cpst{border:1px solid var(--line,#E3E8E1);border-radius:10px;padding:6px 9px;min-width:0;background:var(--card,#fff)}
.cpst span{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6E776F;font-weight:600}
.cpst b{display:block;font-size:15px;font-weight:700;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpst small{display:block;font-size:10.5px;color:#6E776F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpst.neg b{color:#B42318}
@media(min-width:700px){.cpsts{grid-template-columns:repeat(6,minmax(0,1fr))}}
.cpacts.c5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.rpt.bkt textarea.bki{max-height:none!important}
/* Sales tickets: taller rows, easy to tap the right one (Joseph, Oct 29) */
.rpt.tixl tbody td{padding-top:13px!important;padding-bottom:13px!important}.rpt.tixl tbody tr{cursor:pointer}.rpt.tixl tbody tr+tr td{border-top:1px solid #E6EAE3}
.shc .shp{position:relative}.usewk{position:absolute;top:6px;right:6px;z-index:2;font-size:11px;font-weight:700;line-height:1.15;color:#5B4300;background:#FFE98A;border-radius:3px;padding:3px 6px 4px;transform:rotate(3deg);box-shadow:0 2px 4px rgba(0,0,0,.15);text-align:center}.usewk i{display:block;font-style:normal;font-weight:500;font-size:9.5px;opacity:.8}

/* even more compact (Moses, Oct 29) */
.cpsts{gap:5px!important;margin-bottom:6px!important}.cpst{padding:4px 8px!important;border-radius:9px}.cpst b{font-size:14px!important}.cpst span{font-size:9.5px!important}.cpst small{font-size:10px!important}
.cpacts .ccbtn{min-height:40px!important;padding:4px 2px!important;font-size:.72rem!important}.cpacts .ccbtn svg{width:16px!important;height:16px!important}
.cpr{padding:5px 11px!important;min-height:32px!important}.cpr-l{width:58px!important;font-size:11px!important}.cpr-v{font-size:13px!important}.cpr>svg{width:15px!important;height:15px!important}
.cpmk~.cphd{margin-bottom:5px!important}.cpmk~.cphd .cav{width:26px;height:26px;font-size:11px}
.cph td{padding-top:4px!important;padding-bottom:4px!important;font-size:12.5px!important}
/* 💡 ideas (Oct 29) */

.hmmini{margin:8px 0;padding:8px 10px;border:1px solid #DCE5D2;border-radius:10px;background:#fff}.hmmh{display:flex;align-items:center;justify-content:space-between;gap:8px}.hmmh span{min-width:0}.hmmh b{display:block;font-size:14px;color:#1F3B2D}.hmmh i{font-style:normal;font-size:11.5px;color:#6B7A70}.hmmh .btn{flex:none}
.hmmg{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.hmmg button{width:46px;height:46px;padding:0;border:1px solid #E6EAE3;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}.hmmg .ipic,.hmmg img{width:100%!important;height:100%!important;object-fit:contain;font-size:20px}
.wkbox{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;padding:10px 12px;border:1px dashed #C9D5BE;border-radius:10px;font-size:13px}.wkbox span{display:flex;gap:6px}.wkbox select{padding:5px 8px;border-radius:8px;border:1px solid #C9D5BE;font:inherit}
.shbk{margin-left:6px;padding:5px 9px;border:1px solid #C9D5BE;border-radius:8px;background:#fff;font:inherit;font-size:12px;font-weight:600;color:#1F3B2D;cursor:pointer}
.bdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.bdc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border:1px solid #DCE5D2;border-radius:10px;background:#fff;font:inherit;cursor:pointer}.bdc span{font-size:28px}.bdc i{font-style:normal;font-size:11.5px;color:#6B7A70}
.dclnote{margin:8px 0;padding:9px 12px;border-radius:10px;background:#FFF6DC;color:#5B4300;font-size:13px;font-weight:600}
.shm.dcl .shadd2,.shm.dcl .shpill,.shm.dcl .shsc,.shm.dcl .hmspa,.shm.dcl .btn[data-shadd],.shm.dcl .mtgo,.shm.dcl .hmadd,.shm.dcl .hmq,.shm.dcl .sq1,.shm.dcl [data-shcase]{display:none!important}.shm.dcl [data-mtoi]{cursor:default}
/* My account — member card + tabs + A's layout (Moses, Oct 29) */
.matabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0}.matabs button{border:1px solid #DCE3DA;background:#fff;border-radius:10px;padding:9px 4px;font:600 13.5px Inter,sans-serif;color:#1E4D3B;cursor:pointer}.matabs button.on{background:#1E4D3B;border-color:#1E4D3B;color:#fff}
.mah{display:flex;align-items:center;justify-content:space-between;margin:14px 4px 6px}.mah b{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#6E776F}.mah .linkb{font-size:13px;font-weight:600}
.mab{background:#fff;border:1px solid #E3E8E1;border-radius:14px;overflow:hidden}
.mar{display:flex;align-items:center;gap:10px;padding:10px 14px;border:0;border-bottom:1px solid #EEF1EC;background:none;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;min-height:46px}.mar:last-child{border-bottom:0}div.mar{cursor:default}
.mai{width:20px;text-align:center;flex:none;font-size:15px}.mal{width:74px;flex:none;font-size:12px;color:#6E776F}.mav{flex:1;min-width:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}.mav small{display:block;font-size:11.5px;font-weight:400;color:#6E776F;margin-top:1px}.mar>i{font-style:normal;color:#9AA59E;font-size:18px}
.mag{display:inline-block;background:#E6F5EE;color:#1E7A52;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:700;margin-left:4px}
.mabtn{display:block;width:100%;margin:14px 0 6px;padding:11px;border-radius:12px;border:1px solid #DCE3DA;background:#fff;font:600 14px Inter,sans-serif;color:#1E4D3B}.mabtn.out{color:#B42318}

/* free-delivery truck picture (Joel, Oct 29) */
.fztk{width:30px;height:18px;flex:none;vertical-align:-4px;margin-right:6px}
/* 💳 My cards = a card picture (Joel, Oct 29: "the card in the account doesn't show well") */
.accards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:4px 0 10px}
.accw{display:flex;flex-direction:column;gap:8px}
.accard{position:relative;aspect-ratio:1.586;max-width:340px;border-radius:12px;padding:14px 16px;color:#fff;background:linear-gradient(135deg,#193F33,#2E7D4F);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 16px rgba(25,63,51,.18)}
.accard.ac-visa{background:linear-gradient(135deg,#141A5E,#2B3AA0)}.accard.ac-mc{background:linear-gradient(135deg,#1E1E1E,#4A4A4A)}.accard.ac-amex{background:linear-gradient(135deg,#145C9E,#2E8BD8)}.accard.ac-disc{background:linear-gradient(135deg,#C4470A,#F68B1F)}
.acct{display:flex;align-items:center;justify-content:space-between;gap:8px}.accb{font-size:17px;font-style:italic;letter-spacing:.04em}
.accm{font-size:11px;font-weight:700;background:rgba(255,255,255,.22);padding:3px 7px;border-radius:6px}
.accchip{width:36px;height:26px;border-radius:6px;background:linear-gradient(135deg,#E9D27A,#B9973A)}
.accn{font-size:19px;letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap}.acce{font-size:12px;opacity:.85}
.acca{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* website menu icons (Joel, Oct 29) */
.smi{width:30px!important;height:30px;display:inline-grid;place-items:center;color:#193F33}.smi .i{width:21px;height:21px}.smph{width:30px;height:30px;border-radius:8px;object-fit:cover;display:block}
/* ↻ Order again (Oct 29) */
.oagb{width:100%;margin:0 0 10px}.oagl{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.oagr{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line,#e5e7eb);border-radius:10px}
.oagr .pic,.oagr img{width:44px;height:44px;flex:0 0 44px;border-radius:8px;object-fit:contain}
.oagr .w{flex:1;min-width:0;display:flex;flex-direction:column}.oagr .w b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oagr .w small{color:var(--mut,#6b7280);font-size:12px}
.oagq{display:flex;align-items:center;gap:6px}.oagq button{width:34px;height:34px;border-radius:10px;border:1px solid var(--line,#d1d5db);background:#fff;font-size:18px;font-weight:700}.oagq b{min-width:36px;text-align:center}
.oagr.oago{opacity:.55}
/* order window shaken up (Moses, Oct 29) — summary card, tiles, timeline rail */
.ohd{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px}
.ohd-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ohd-t .sp{flex:1}
.ohd-s{font-weight:800;font-size:.95rem;padding:3px 10px;border-radius:8px;background:#FFF4D6;color:#7A5A00}
.ohd-s.s-pick{background:#E8F0FF;color:#1F3F8F}.ohd-s.s-ready,.ohd-s.s-out{background:#E3F2EA;color:#1D5A3C}.ohd-s.s-done{background:#1D5A3C;color:#fff}.ohd-s.s-cancelled{background:#FDECEC;color:#B42318}
.ohd-a{font-size:1.25rem;font-weight:800}
.ohd-p{display:flex;margin:10px 0 8px}.ohd-p span{flex:1;position:relative;padding-top:12px;font-size:.68rem;color:#8A968E;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ohd-p span i{position:absolute;top:3px;left:0;right:0;height:4px;background:var(--line)}.ohd-p span:first-child i{border-radius:4px 0 0 4px}.ohd-p span:last-child i{border-radius:0 4px 4px 0}
.ohd-p span.done,.ohd-p span.on{color:#1D5A3C;font-weight:700}.ohd-p span.done i,.ohd-p span.on i{background:#2E7D55}
.ohd-c{display:flex;flex-direction:column;gap:1px;border-top:1px solid var(--line);padding-top:7px}
.ohd-n{all:unset;cursor:pointer;font-weight:700;font-size:.95rem;color:var(--g,#1D5A3C)}
.otls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 8px}@media(min-width:641px){.otls{grid-template-columns:repeat(4,minmax(0,1fr))}}
.otl{border:1px solid var(--line);border-radius:10px;padding:4px 9px;min-width:0;line-height:1.25}.otl.w{grid-column:1/-1}
.otl>span{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:#8A968E}.otl>b{display:block;font-size:.84rem;font-weight:600;overflow-wrap:anywhere}
.ordtl-r{position:relative}.ordtl-r i{flex:none;width:7px;height:7px;border-radius:2px;background:#2E7D55;margin-top:5px}
.ordtl-r.d{display:none}.ordtl.all .ordtl-r.d{display:flex}.ordtl-r.d{color:#5D6B62}.ordtl-r.d i{background:#C9D3CC}
.ordtl-r.negv{display:flex}.ordtl-r.negv i{background:#B42318}
.ordtl-x{all:unset;cursor:pointer;display:block;margin-top:4px;font-weight:700;font-size:.76rem;color:#1D5A3C}
.otls>.otl{margin:0!important}.otls{row-gap:5px!important}
/* order window — one card (Moses, Oct 29: "still too many cards") */
.ohd .ccb{border:0;border-top:1px solid var(--line);border-radius:0;margin:8px 0 0;padding:7px 0 0!important}
.ohd .otls{margin:6px 0 0;gap:2px 12px!important;border-top:1px solid var(--line);padding-top:6px}
.ohd .otl{border:0;padding:2px 0;border-radius:0}
.ohd-c{flex-direction:row!important;align-items:center;gap:8px}.ohd-c>div{flex:1;min-width:0;display:flex;flex-direction:column}
.ohd-ib{display:flex;gap:6px}.ohd-ib .btn{width:34px;height:34px;min-height:0;padding:0;justify-content:center}
.ordmk~.ordtl{border:0;border-top:1px solid var(--line);border-radius:0;padding:6px 0 0}
.ohd-t{flex-wrap:nowrap!important}.ohd-t>.small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ohd-a{white-space:nowrap}

/* the 3 list tools on the website home (Joel, Oct 29: "make the 3 better") — a colored icon tile, the name, one short line */
html body .hmtools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
html body .hmtools button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border:1px solid #E3EADB;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(25,63,51,.06);text-align:left;white-space:normal;color:#193F33;cursor:pointer;font:inherit;transition:transform .12s,box-shadow .12s}
html body .hmtools button:active{transform:scale(.97)}html body .hmtools button:hover{box-shadow:0 4px 14px rgba(25,63,51,.12)}
html body .hmtools .hti{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#fff}html body .hmtools .hti .i{width:22px;height:22px}
html body .hmtools .t1 .hti{background:linear-gradient(135deg,#2E7D4F,#1F5A3D)}html body .hmtools .t2 .hti{background:linear-gradient(135deg,#E08A1E,#C2610C)}html body .hmtools .t3 .hti{background:linear-gradient(135deg,#7A4FB5,#5A3592)}
html body .hmtools b{font-size:14px;font-weight:700;line-height:1.2}html body .hmtools small{font-size:11.5px;color:#5F6F66;line-height:1.25}
@media (max-width:380px){html body .hmtools button{padding:10px 8px}html body .hmtools small{display:none}}
/* order window — tighter + items / totals as plain lines on one right edge (Moses, Oct 29: "more compact … not aligned nicely — just lines") */
.ohd{padding:8px 10px}.ohd-s{font-size:.82rem;padding:2px 8px}.ohd-a{font-size:1.05rem}.ohd-t>.small{font-size:.74rem}
.ohd-p{margin:7px 0 5px}.ohd-p span{padding-top:9px;font-size:.64rem}.ohd-p span i{height:3px}
.ohd-c{padding-top:5px}.ohd-n{font-size:.88rem}.ohd-c .small{font-size:.74rem}.ohd-ib .btn{width:28px;height:28px;font-size:13px}
.ohd .ccb{margin-top:6px;padding-top:5px!important;font-size:.8rem}.ohd .ccb-a .btn{padding:3px 8px;font-size:.76rem}
.ohd .otls{margin-top:5px;padding-top:4px;row-gap:0!important}.ohd .otl{padding:1px 0}.ohd .otl>span{font-size:.58rem}.ohd .otl>b{font-size:.78rem}
.ordmk~.rcard.rlc{border:0;box-shadow:none;background:none;padding:0;margin:0 0 6px}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli{padding:4px 0}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli>td.num{min-width:54px}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli):not(:first-child){display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;padding:4px 0!important;background:none!important;border-bottom:.5px solid #DCE1DA}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli):not(:first-child)>td:empty{display:none}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli):not(:first-child)>td{background:none!important;font-weight:400}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr:not(.rli):not(:first-child)>td.r{min-width:54px;text-align:right}
html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr.tot:last-child{border-bottom:0}html body .modal table.rlt.rlt.rlt.rlt.rlt.rpt tr.tot:last-child>td{font-weight:700}
.ordmk~.ordtl{font-size:.7rem}.ordmk~.ordtl .ordtl-r .num{width:70px}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt.rlro tr.rli{grid-template-columns:minmax(0,1fr) auto auto}
/* the 3 list tools on the website home (Joel, Oct 29: "make the 3 better" → "much smaller, not taking much space") — one thin row: small colored icon tile + name */
html body .hmtools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}
html body .hmtools button{display:flex;align-items:center;gap:6px;padding:5px 6px;min-height:0;border:1px solid #E3EADB;border-radius:10px;background:#fff;color:#193F33;cursor:pointer;font:inherit;white-space:nowrap;overflow:hidden}
html body .hmtools .hti{flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#fff}html body .hmtools .hti .i{width:14px;height:14px}
html body .hmtools .t1 .hti{background:#2E7D4F}html body .hmtools .t2 .hti{background:#D9771A}html body .hmtools .t3 .hti{background:#6B44A8}
html body .hmtools b{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis}html body .hmtools small{display:none}
.acfgt{display:block;margin:8px auto 0;font-size:13px}
/* website bottom bar — 7 buttons, Search in the middle (Moses, Oct 29: "fix up the bottom strip, search center, categories next to departments") */
html.shb .shbb.sb7{grid-template-columns:repeat(7,minmax(0,1fr));padding:4px 2px calc(4px + env(safe-area-inset-bottom,0px));align-items:end}
html.shb .shbb.sb7 button{padding:2px 0;gap:1px;min-width:0}html.shb .shbb.sb7 button span{font-size:9.5px;letter-spacing:-.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
html.shb .shbb.sb7 button .i{width:38px;height:28px;padding:3px 8px}
html.shb .shbb.sb7 button.sbmid .i{width:46px;height:40px;padding:9px;margin-top:-14px;background:#193F33!important;stroke:#fff!important;border-radius:12px;box-shadow:0 3px 10px rgba(25,63,51,.3)}
html.shb .shbb.sb7 button.sbmid span{color:#193F33;font-weight:800}
/* 👣 Website activity (Moses, Oct 29) */
.wabx{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:0 12px 10px}@media(max-width:640px){.wabx{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wab{border:1px solid var(--line);border-radius:10px;padding:5px 8px;min-width:0}.wab small{display:block;font-size:.64rem;color:#6B776F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wab b{display:block;font-size:1rem}.wab.neg b{color:#B42318}
.rpt.wat td{vertical-align:top;font-size:.8rem}.rpt.wat td.num{white-space:nowrap}.rpt.wat tr{cursor:pointer}
.rpt.wat td.num{width:84px;font-size:.74rem}.wabx+.chips{flex-wrap:wrap!important;overflow:visible!important}
html body .rpt.wat td{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}html body .rpt.wat td.num{white-space:nowrap!important;min-width:80px;width:80px}html body .rpt.wat td>div.small{display:block!important;margin-top:1px}
button.wab{font:inherit;text-align:left;background:var(--surface,#fff);cursor:pointer;color:inherit}button.wab.on{border-color:#193F33;box-shadow:inset 0 0 0 1px #193F33;background:#F3F5EF}
.wagl{padding:0 12px 6px}.wagr{padding:8px 0;border-bottom:1px solid var(--line);cursor:pointer}.wagr .wagh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.wagr>div{display:block}.wagr .btn.sm{padding:3px 9px;font-size:.78rem;min-height:0}
.cclr{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 8px;font-size:13px;color:var(--mut,#6b7280)}.cclr .linkb{color:#b42318;font-weight:600}
.wagr .wagh b{overflow-wrap:anywhere;min-width:0}
/* Website activity on phones: lines wrap inside the screen, never run off the side (Joseph, Oct 29 screenshot) */
@media (max-width:640px){html body #main .rcard table.rpt.wat{width:100%;table-layout:fixed}html body #main .rcard table.rpt.wat.wat.wat.wat td{white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;font-size:12.5px!important;line-height:1.3!important;vertical-align:top}html body #main .rcard table.rpt.wat.wat.wat.wat td.num{white-space:nowrap!important;width:74px;font-size:11.5px!important}html body #main .rcard table.rpt.wat.wat.wat.wat th:first-child{width:74px}}
/* 🧹 clean front page (Oct 29): 4 shortcuts */
.hmqk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px}
.hmqk button{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;font-weight:700;font-size:13px;line-height:1.2;color:#16231d;cursor:pointer}
.hmqk button span{width:64px;height:64px;border-radius:16px;background:#EEF3E9;display:grid;place-items:center;color:#1d4a3a}
.hmqk button:active span{background:#dfe9d6}
@media (min-width:641px){.hmqk{max-width:560px}}
html.shb .shbb,html body .shbb{grid-template-columns:repeat(5,1fr)!important}html.shb .shbb button span{font-size:11px}
/* 🔒 website zoom locked (Oct 29): no double-tap zoom, typing boxes 16 px so the iPhone never zooms into them */
html.nozoom,html.nozoom body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%;text-size-adjust:100%}html.nozoom input,html.nozoom textarea,html.nozoom select{font-size:16px!important}
/* 🧹 product page v2 (Oct 29) */
.pp .ppimg{position:relative;background:#F6F7F3;border-radius:16px;height:250px;display:grid;place-items:center;overflow:hidden;margin-top:4px}
.pp .ppimg>img{max-width:88%;max-height:226px;object-fit:contain;mix-blend-mode:multiply}.pp .ppimg>.ipic,.pp .ppimg>.shpix{background:none!important}
.pp .ppsale{position:absolute;left:12px;top:12px;background:#C0392B;color:#fff;font-weight:800;font-size:12.5px;padding:4px 9px;border-radius:8px}
.pp .ppheart{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:12px;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);display:grid;place-items:center;color:#5c6659;cursor:pointer}
.pp .ppheart.on{color:#C0392B}.pp .ppheart.on svg{fill:#C0392B}
.pp .pxth{margin-top:8px}.pp .ppbz{margin-top:12px;font-size:13px}
.pp .pph{font-size:21px;line-height:1.2;margin:3px 0 6px;text-align:left;font-weight:800}
.pp .ppr{display:flex;align-items:baseline;gap:8px}.pp .ppp{font-size:26px;font-weight:800;color:#16231d;letter-spacing:-.01em}.pp .ppp small{font-size:14px;font-weight:600}
.pp .ppr s{color:#8a8f86;font-size:15px}.pp .ppr .sp{flex:1}
.pp .ppstk{font-size:13px;font-weight:700;color:#1E7A52;white-space:nowrap}.pp .ppstk:before{content:"● ";font-size:10px;vertical-align:1px}.pp .ppstk.r{color:#B42318}
.pp .ppopt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.pp .ppo{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:#fff;border:1.5px solid #DCE3DA;border-radius:14px;padding:10px 12px;cursor:pointer;position:relative}
.pp .ppo span{font-size:13px;font-weight:700;color:#3d473b}.pp .ppo span em{font-style:normal;color:#B42318;font-weight:800;margin-left:2px}
.pp .ppo b{font-size:18px;font-weight:800;color:#16231d}.pp .ppo small{font-size:12px;color:#6b7268}
.pp .ppo.on{border-color:#1d4a3a;background:#F1F6EE;box-shadow:inset 0 0 0 1px #1d4a3a}.pp .ppo.on:after{content:"✓";position:absolute;right:10px;top:9px;width:20px;height:20px;border-radius:6px;background:#1d4a3a;color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center}
.pp .ppadd{margin-top:14px}.pp .ppab{width:100%;height:50px;font-size:16px}
.pp .ppin{display:flex;align-items:center;gap:12px}.pp .ppit{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;text-align:left}.pp .ppit b{font-size:14px}.pp .ppit small{font-size:12.5px;color:#6b7268}
.pp .ppvc{margin-left:auto;background:none;border:0;color:#2c6a52;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.ppst{display:inline-flex;align-items:center;gap:0;border:1.5px solid #1d4a3a;border-radius:12px;height:46px;overflow:hidden;background:#fff}
.ppst button{width:44px;height:100%;border:0;background:none;color:#1d4a3a;display:grid;place-items:center;cursor:pointer}.ppst button:active{background:#EEF3E9}
.ppst b{min-width:44px;padding:0 4px;text-align:center;font-size:15px;font-weight:800;white-space:nowrap}
.ppst.sm{height:34px;border-radius:10px}.ppst.sm button{width:32px}.ppst.sm b{min-width:28px;font-size:13.5px}
.pp .shsim{margin-top:22px}.pp .shsim h3{font-size:16px;margin-bottom:4px}
.ppl{display:flex;flex-direction:column}
.pplr{display:grid;grid-template-columns:1fr auto auto;align-items:center;column-gap:10px;padding:9px 0;border-bottom:1px solid #EEF1EC}
.pplb{min-width:0;display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.pplb .ipic,.pplb .shpix,.pplb img{width:46px!important;height:46px!important;min-width:46px;border-radius:9px;object-fit:contain;font-size:22px}
.pplb .w{min-width:0;display:flex;flex-direction:column}.pplb .w b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pplb .shbz{font-size:11.5px}
.pplr>.num{font-weight:800;font-size:14px}
.pplp{width:34px;height:34px;border-radius:10px;border:1.5px solid #1d4a3a;background:#fff;color:#1d4a3a;display:grid;place-items:center;cursor:pointer}.pplo{font-size:12px;color:#b42318;font-weight:700}
.ppcs{grid-column:1/-1;justify-self:start;margin:6px 0 0 56px;background:#F1F6EE;border:1px solid #D5E2CF;color:#1d4a3a;border-radius:9px;padding:5px 9px;font-size:12.5px;font-weight:700;cursor:pointer}.ppcs i{font-style:normal;font-weight:500;color:#4f5a4d}
/* 🏷 unit price (Oct 29, like Amazon's "($3.43/100 count)") */
.upr{font-size:11.5px;color:#6b7268;font-weight:500;white-space:nowrap;letter-spacing:0}
.prbw{display:flex;flex-direction:column;min-width:0;gap:1px}.prbw .upr{line-height:1.15}
.pp .ppr .upr{font-size:13px}.pplpr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.pplpr .upr{font-size:11px}
/* 🔴 sign-up / edit: every box to fix is red, its title says what (review Oct 29 #9) */
.acl.acbad>span,.acnou.acbad{color:#B42318!important}.acl.acbad>span[data-bad]::after{content:" — " attr(data-bad);font-weight:700}
.acl.acbad .find{border-color:#B42318!important;background:#FFF7F7!important;box-shadow:0 0 0 1px #B42318 inset}
.acok{color:#1E6B45;font-weight:600}
/* 🌙 the store is closed — the next open time (review Oct 29 #4) */
.svcshut{background:#FFF5E6;border:1px solid #F8C98D;border-radius:10px;padding:8px 12px;font-size:13.5px;margin:6px 0 8px;color:#5B3A06}
.howo.h2{grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.howo.h2{grid-template-columns:1fr}}
/* ONE gap above the bottom bar, not three (Joseph, Oct 29: "Empty space in the bottom?" — the page, the shop and the inner page each kept 70–76 px for the bar = ~215 px of white) */
@media (max-width:860px){html:not(.kbup) body.pg-shop #main{padding-bottom:0!important}html body.pg-shop .shop{padding-bottom:0!important}html body.pg-shop .shop main.shm{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}
/* 🧹 cart v2 (Joseph, Oct 29 "next page"): full names, one row of controls per item, Delivery · Pickup · Priority side by side, small time boxes,
   the summary under the delivery choice, a sticky "Place order · $" at the bottom — scoped .cartc.c2 */
.cartc.c2 .ail.c2l{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto;column-gap:10px!important;align-items:start!important;padding:10px 0!important;border-bottom:1px solid #E8EBDD!important}
.cartc.c2 .ail.c2l .pic,.cartc.c2 .ail.c2l .pic.md{width:52px!important;height:52px!important;border-radius:10px!important}
.cartc.c2 .ail.c2l .w{display:flex;flex-direction:column;gap:2px!important;min-width:0}
.cartc.c2 .ail.c2l .w>b{font-size:14.5px!important;line-height:1.25}
.cartc.c2 .ail.c2l .w .small{font-size:12.5px!important}.cartc.c2 .ail.c2l .w s{color:#9CA3AF}
.cartc.c2 .ail.c2l>.num{font-size:15px!important;font-weight:800;min-width:0!important;text-align:right;padding-top:1px}
.cartc.c2 .c2ctl{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.cartc.c2 .c2ctl .scq{gap:0!important;border:1px solid #DCE0C6;border-radius:10px;overflow:hidden;flex:none}
.cartc.c2 .c2ctl .scq button{width:32px!important;height:30px!important;border:0!important;border-radius:0!important;font-size:17px!important;background:#F4F6EC!important;color:#193F33}
.cartc.c2 .c2ctl .scq .scqi{width:38px!important;height:30px!important;border:0!important;border-radius:0!important;font-size:14.5px!important}
.cartc.c2 .c2ctl .cdel{width:32px!important;height:32px!important;margin:0!important;border-radius:10px!important;font-size:14px!important}
.cartc.c2 .c2ctl .subl{display:inline!important;padding:0!important;margin:0!important;border:0!important;font-size:12px!important;color:#1D5560!important;font-weight:600;white-space:nowrap;text-decoration:none}
.c2cs{color:#1E6B45;font-weight:700}
.cartc.c2 .howo.c3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:4px 0 4px!important}.cartc.c2 .howo.c3.h2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cartc.c2 .howo.c3 button{padding:8px 4px!important;align-items:center;text-align:center;gap:1px}.cartc.c2 .howo.c3 button b{font-size:13.5px;color:#193F33!important;white-space:nowrap}.cartc.c2 .howo.c3 button em{font-size:12.5px;color:#4B5563;font-weight:700}
.cartc.c2 .howo.c3 button.on em{color:#193F33}
.cartc.c2 .howt{font-size:13px;color:#374151;margin:2px 2px 8px}
.cartc.c2 .sdays{margin:2px 0 6px}.cartc.c2 .sdays button{padding:6px!important;font-size:13px!important}
.cartc.c2 .sslots{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.cartc.c2 .sslots button{padding:6px 2px!important;font-size:12.5px!important;min-height:0;flex-direction:row;justify-content:center;gap:4px;flex-wrap:wrap}
.cartc.c2 .sslots button span{font-size:11px!important}
.cartc.c2 .memup2{display:block;margin:2px 2px 10px;font-size:13px;color:#8A4A00;font-weight:700;text-decoration:none;text-align:left}
.cartc.c2 .c2sum{background:#F4F6EC!important;margin:10px 0 4px!important}.cartc.c2 .c2h{font-weight:800;font-size:13px!important;color:#193F33;margin-bottom:2px;display:block!important}
.c2sv{font-size:13px;color:#1E6B45;margin:4px 2px 8px}
.cartc.c2 .forgot.c2fg{padding:10px!important;margin:10px 0!important}.c2fgg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.c2fi{background:#fff;border:1px solid #F1D9AE;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;min-width:0}
.c2fi .pic{width:44px!important;height:44px!important}.c2fi .c2fn{font-size:11.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.c2fi b{font-size:12.5px}.c2fi .btn{padding:3px 8px!important;font-size:12px!important;width:100%}
.cartc.c2 .c2wk{display:block!important;padding:8px 12px!important;margin:4px 0 8px!important}.cartc.c2 .c2wk summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none}.cartc.c2 .c2wk summary::-webkit-details-marker{display:none}
.cartc.c2 .c2wk summary::after{content:" ›";color:#6B7280}.cartc.c2 .c2wk[open] summary::after{content:" ⌄"}.cartc.c2 .c2wk span{display:flex;gap:8px;margin-top:8px}
.cartc.c2 .c2foot{position:sticky;bottom:-24px;margin:10px -14px -24px;padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:var(--surface,#fff);box-shadow:0 -8px 14px -12px rgba(0,0,0,.35);z-index:3}
.cartc.c2 .c2foot .btn.big2{width:100%;font-size:16px;padding:12px}.cartc.c2 .c2foot .small{margin-top:6px;font-size:11.5px;text-align:center}
@media (min-width:641px){.cartc.c2 .c2foot{bottom:-30px;margin:10px -18px -30px;padding:12px 18px 18px}}
.cartc.c2 .ail.c2l>.c2ctl{grid-column:2/-1;margin-top:4px}.cartc.c2 .c2ctl .subl{margin-left:auto!important}
.cartc.c2 .ail.c2l>.pic,.cartc.c2 .ail.c2l>.ipic{grid-row:1/span 2;width:52px!important;height:52px!important;align-self:start}.cartc.c2 .ail.c2l>.ipic img{width:100%;height:100%;object-fit:contain}.cartc.c2 .c2ctl .subl{align-self:center;line-height:32px!important}
/* 🏪 department tiles v2 (Joseph, Oct 30: "remove background pictures — another nice idea"): white tile · the department's color as a top stripe ·
   its logo big on a soft tint of that color · name + what it sells. Front page row (phones swipe — his exception) and the Departments page */
html body .dpg.dg2 .dpc.dp2{aspect-ratio:auto!important;background:#fff!important;border:1px solid #E6E9DC!important;border-top:4px solid var(--pc)!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(20,35,27,.07)!important;display:flex!important;flex-direction:column;align-items:stretch;padding:0!important;text-align:center;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s}
html body .dpg.dg2 .dpc.dp2:hover{box-shadow:0 8px 22px rgba(20,35,27,.13)!important;transform:translateY(-2px)}
.dp2 .dpl2{display:flex;align-items:center;justify-content:center;height:100px;margin:10px 10px 0;border-radius:11px;background:color-mix(in srgb,var(--pc) 10%,#fff)}
.dp2 .dpl2 img{max-width:84%;max-height:70px;object-fit:contain}.dp2 .dpl2 b{font-size:19px;font-weight:800;color:var(--pc);padding:0 8px}
.dp2 .dpn2{display:flex;flex-direction:column;gap:2px;padding:9px 10px 12px}.dp2 .dpn2 b{font-size:15px;color:#193F33;line-height:1.2}.dp2 .dpn2 i{font-style:normal;font-size:12px;color:#6B7280;line-height:1.3}
html body .hmdpg.dg2 .dpc.dp2 .dpl2{height:78px;margin:8px 8px 0}html body .hmdpg.dg2 .dpc.dp2 .dpl2 img{max-height:52px}
@media (max-width:640px){html body .hmdpg.dg2 .dpc.dp2{flex:0 0 40%!important;aspect-ratio:auto!important}html body .hmdpg.dg2 .dpn2 i{display:none}html body .hmdpg.dg2 .dpn2 b{font-size:13px!important}html body .hmdpg.dg2{padding:2px 2px 8px}}
/* 🛒 Place order bigger (Joseph, Oct 30: "Place order needs to be a little bit bigger") */
.cartc.c2 .c2foot .btn.big2{font-size:18px!important;padding:15px 12px!important;min-height:56px;border-radius:14px!important;font-weight:800;letter-spacing:.2px}
html body .dpc.dp2:after,html body .dpc.dp2:before{content:none!important;display:none!important}
/* logo tiles without the name (Joseph, Oct 30: "if we have logos big we don't need names"): the logo a bit bigger, the line under it = what it sells */
html body .dpg.dg2 .dp2 .dpl2{height:112px}html body .dpg.dg2 .dp2 .dpl2 img{max-height:80px;max-width:88%}html body .hmdpg.dg2 .dpc.dp2 .dpl2{height:86px}html body .hmdpg.dg2 .dpc.dp2 .dpl2 img{max-height:62px}
html body .dpg.dg2 .dp2 .dpn2 i{font-size:12.5px;color:#4B5563}@media (max-width:640px){html body .hmdpg.dg2 .dp2.dlg .dpn2{display:none}html body .hmdpg.dg2 .dp2.dlg .dpl2{margin-bottom:8px}}
html body #main .rcard table.rpt.stkt th{white-space:normal!important;line-height:1.15}
/* tiles v3 (Joseph, Oct 30: "fit full box in the departments — no background color, the box's outline already has the color"): the logo FILLS the box on white,
   the front-page row = the logo alone in a fixed-height box (no empty space under it); the Departments page keeps the one small line of what it sells */
html body .dpg.dg2 .dp2 .dpl2{background:none!important;flex:1 1 auto;height:auto!important;min-height:0;margin:8px 10px 4px!important}
html body .dpg.dg2 .dp2 .dpl2 img{max-height:76px!important;max-width:92%!important}html body .dpg.dg2 .dp2 .dpl2 b{font-size:21px}
html body .dpg.dg2:not(.hmdpg) .dpc.dp2{min-height:150px}
html body .hmdpg.dg2 .dpc.dp2{height:112px!important;min-height:0!important}html body .hmdpg.dg2 .dpn2{display:none!important}
html body .hmdpg.dg2 .dpc.dp2 .dpl2{margin:6px 8px!important}html body .hmdpg.dg2 .dpc.dp2 .dpl2 img{max-height:84px!important;max-width:94%!important}html body .hmdpg.dg2 .dpc.dp2 .dpl2 b{font-size:17px;line-height:1.15}
/* 📷 Receiving scanner (Moses, Oct 29) */
.rvtabs{margin:0 0 10px}.rvbig{width:100%;min-height:48px;font-size:16px;margin-top:10px}
.rvhd{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 8px}
.rvleft{text-align:right}.rvln{font-size:30px;font-weight:800;line-height:1;color:var(--g,#1f6f4a)}
.rvcam{position:relative;border-radius:10px;overflow:hidden;background:#000;height:200px;margin:0 0 8px}.rvcam video{width:100%;height:100%;object-fit:cover}
.rvaim{position:absolute;left:12%;right:12%;top:42%;height:16%;border:2px solid rgba(255,255,255,.85);border-radius:8px}
.rvcamx{position:absolute;inset:auto 0 8px 0;text-align:center;color:#fff}
.rvtype{display:flex;gap:8px;margin:0 0 10px}.rvtype input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;font-size:16px}
.rvit{display:flex;gap:10px;align-items:center}.rvit img{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#f4f4f4}
.rvseg{display:flex;gap:6px;margin:10px 0}.rvseg button{flex:1;height:46px;border:2px solid var(--line);border-radius:10px;background:var(--card,#fff);font:inherit;font-size:16px;font-weight:700}.rvseg button.on{border-color:var(--g,#1f6f4a);background:var(--g,#1f6f4a);color:#fff}
.rvqty{display:flex;align-items:center;justify-content:center;gap:18px;margin:6px 0}.rvqty .btn{width:56px;height:52px;font-size:26px!important;font-weight:700}.rvqty b{font-size:34px;min-width:60px;text-align:center}
.rvn{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.rvn .btn{flex:1 1 44px;height:44px;font-size:16px}.rvn .btn.on{background:var(--g,#1f6f4a);color:#fff}
.rvcs{margin-top:6px}.rvhint{text-align:center;padding:10px}.rvfoot{margin-top:6px}
.lbprev{border:1px dashed var(--line);border-radius:6px;margin:0 auto;max-width:100%;background:#fff;color:#000}.lbprev .lbl{width:100%;height:100%;box-sizing:border-box;padding:6px 8px;display:flex;flex-direction:column}.lbprev .lbn{font:700 12px/1.15 Arial,sans-serif;text-align:center;max-height:2.3em;overflow:hidden}.lbprev .lbb{flex:1;min-height:0;margin-top:4px}

/* search typed with the other keyboard (צןךל = milk) — Oct 29 */
.shas{font-size:13px;color:var(--muted);margin:2px 2px 10px}.shas b{color:var(--fg)}

/* 🔠 website text on PHONES at least 11–12 px (review Oct 29: "much text is 11 px on phone") — receipts keep their own sizes */
@media (max-width:640px){body.pg-shop .shc .ipic.md .ih,body.pg-shop .hmsp2 .soff,body.pg-shop .shwm .shwlv,html body.pg-shop .hmsps .hmsp small,html body.pg-shop .hmsps .soff,html body.pg-shop .hmsps .hmoff,html.shb body.pg-shop .shbb.sb7 button span{font-size:11px}body.pg-shop .wch .wt,body.pg-shop .shbb .sbn,body.pg-shop .sslots button span,body.pg-shop .hmtag,html.shb body.pg-shop .shbb button span,body.pg-shop .apmi .shbz,body.pg-shop .wchlv,body.pg-shop .shwel .shw2,body.pg-shop .shwel .shw2 .shwhe,body.pg-shop .shh.hdrA .hbd,html body.pg-shop .hmhero small,html body.pg-shop .hmsps .hmsp .shbz,body.pg-shop .shtrk .sts small{font-size:11.5px}body.pg-shop .shdeps.lv .sdp i,body.pg-shop .shbb button,body.pg-shop .shacb.on b,body.pg-shop .shg .shp .small,body.pg-shop .shg .stk,body.pg-shop .shg .mpr,body.pg-shop .shg .smtag,body.pg-shop .cartc .ail .w .small,body.pg-shop .cartc .subl,body.pg-shop .cartc .howo span,body.pg-shop .hmsp small,body.pg-shop .hmoos,body.pg-shop.shz3 .shg .shc,body.pg-shop.shz4 .shg .shc,body.pg-shop.shz4 .shg .shc b,body.pg-shop .shmeta i,body.pg-shop .hmhero small,body.pg-shop .shflt b,body.pg-shop .hmsc s,body.pg-shop .shsc.sm button,body.pg-shop .hmoff,body.pg-shop .hmsp .shbz,body.pg-shop .shwel .shw2,body.pg-shop .shwel .shw2 .shwhe,html body.pg-shop .hmhero i,html body.pg-shop .hmsps .hmspp s,body.pg-shop .shsc.sm .csp2,body.pg-shop .shtrk .sts i,body.pg-shop .shtrk .steta,body.pg-shop .hmmh i,body.pg-shop .accm,html body.pg-shop .hmtools small,body.pg-shop .pplb .shbz,body.pg-shop .cartc.c2 .sslots button span,body.pg-shop .c2fi .c2fn,body.pg-shop .cartc.c2 .c2foot .small{font-size:12px}}

/* ↗ share a product (its own link — Tab's re-test Oct 29) */
.pp .ppheart.ppshare{right:58px}.pp .ppheart.ppshare.done{color:#1d7a43}
.rvvc{display:block;margin:4px 0 6px}.rvvc input{width:100%}

.rvset .pf-f{position:relative}.rvsug{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);max-height:260px;overflow:auto;margin-top:4px}.rvsug button{display:block;width:100%;text-align:left;padding:11px 12px;border:0;border-bottom:1px solid var(--line,#eee);background:none;font:inherit;font-size:15px;color:inherit}.rvsug button.on{background:var(--soft,#EEF4EE);font-weight:700}.rvsug[hidden]{display:none}

/* 📱 phone search while typing = search box only + short rows (Joseph, Oct 29) */
.sga1{display:none}
html body #main .shh.shh .shs input.find{font-size:16px!important}html body #main .shh.shh .shs input.find:not(:placeholder-shown){padding-right:40px!important} /* typed words big + never under the ✕ (Hebrew starts on the right) */
@media (max-width:640px){
 body.shq-on .shh .shmb,body.shq-on .shh .lg,body.shq-on .shh .lgw,body.shq-on .shh .shacb,body.shq-on .shh .shcart,html body.shq-on .shh .shwm,html body.shq-on .shh.hdrA .shwm,body.shq-on .shh .shfz,body.shq-on .shwel{display:none!important}
 body.shq-on .shh{padding-top:6px;padding-bottom:6px;gap:0}
 body.shq-on .shh .shs{flex:1 1 100%;max-width:none}
 body.shq-on .sgt .sgq:not(:first-child){display:none}
 body.shq-on .sgq{padding:9px 14px}
 body.shq-on .sgq b{font-size:15px}
 body.shq-on .sgp{padding:7px 12px;gap:8px;min-height:58px;box-sizing:border-box}
 body.shq-on .sgpi{gap:10px}
 body.shq-on .sgpi .ipic{width:44px;height:44px;flex:none}
 body.shq-on .sgpi .ipic .ie{font-size:24px}
 body.shq-on .sgpi .w b{font-size:14.5px;-webkit-line-clamp:1;line-height:1.25}
 body.shq-on .sgp .shbz{font-size:12px;margin:0 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.shq-on .sgr{flex-direction:row;align-items:center;gap:8px}
 body.shq-on .sgr .shsc{display:none}
 body.shq-on .sgr2{gap:8px}
 body.shq-on .sgpr{font-size:15px}
 body.shq-on .sgadd{width:40px;height:40px;padding:0;border-radius:10px;display:grid;place-items:center}
 body.shq-on .sgadd .sga1{display:block;font-size:24px;line-height:1;font-weight:700}
 body.shq-on .sgadd .sga2{display:none}
 body.shq-on .sgl{margin:10px 12px 4px}
}
.rvseg button{height:auto!important;min-height:52px;padding:6px 4px;line-height:1.15}.rvseg small{display:block;font-size:12px;font-weight:600;opacity:.8}
.rvcam{height:min(26vh,190px)!important}.rvhd .ib{width:36px;height:36px;padding:0}.rvhd{padding:6px 10px!important}.rvqn{display:flex;gap:8px;align-items:center;margin:6px 0}.rvqn .rvqty{gap:6px;margin:0}.rvqn .rvqty .btn{width:44px;height:44px;font-size:22px!important}.rvqn .rvqty b{font-size:28px;min-width:40px}.rvqn .rvn{flex:1;margin:0;flex-wrap:nowrap}.rvqn .rvn .btn{flex:1 1 0;min-width:0;height:44px;padding:0}.rvf3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;margin:6px 0}.rvf3 label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--mut,#666);min-width:0}.rvf3 input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 8px;font:inherit;font-size:16px;min-width:0;width:100%}.rvtot{text-align:center;margin:4px 0 0;font-size:15px}.rvcur .pad{padding:10px}.rvseg{margin:8px 0!important}.rvit img{width:52px!important;height:52px!important}.rvln1{display:flex;gap:10px;align-items:center;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--card,#fff);padding:10px 12px;font:inherit;margin:0 0 8px;text-align:left}.rvln1 span:last-child{margin-left:auto;font-size:18px}.rvbar{position:sticky;bottom:calc(var(--mnh,0px) + 6px);z-index:20;display:flex;gap:8px;padding:8px 0;background:var(--bg,#F6F7F4)}.rvbar .btn{flex:1;min-height:50px;font-size:17px;font-weight:700}
.rvinfo{border:1px solid var(--line);border-radius:10px;padding:8px;margin:8px 0 0;background:var(--soft,#F3F6F2)}.rvupc{display:flex;gap:8px;align-items:baseline;font-size:15px;margin:0 0 4px}.rvupc span{font-size:12px;color:var(--mut,#666)}.rvinfo .rvf3{margin:0}.rvbar .btn{font-size:15px!important;padding:0 6px}
.rvinfo{position:relative}.rvig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 8px;padding-right:34px}.rvig div{min-width:0}.rvig span{display:block;font-size:11px;color:var(--mut,#666)}.rvig b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvedb{position:absolute;top:6px;right:6px;width:30px;height:30px;padding:0;font-size:14px}
.rved{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rved label{display:flex;flex-direction:column;font-size:11px;color:var(--mut,#666);min-width:0}.rved label:first-child{grid-column:1/-1}.rved input{height:36px;border:1px solid var(--line);border-radius:8px;padding:0 8px;font:inherit;font-size:15px;min-width:0}.rved .acts{grid-column:1/-1;margin:2px 0 0}
@media (max-width:640px){.rvbar{position:fixed!important;left:8px;right:8px;bottom:calc(var(--mnh,62px) + 6px)!important;z-index:40;padding:6px!important;border-radius:12px;box-shadow:0 -4px 16px rgba(0,0,0,.12);background:var(--card,#fff)!important}#rvList{padding-bottom:72px}.rvcam{height:min(22vh,170px)!important}}
.rvbar .btn{min-height:48px!important;font-size:15px!important;font-weight:700!important}

/* ✏️ order changed by the customer — picker pop-up + put back on the shelf (Joseph, Oct 29) */
.pkchg{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.pkcr{padding:10px 12px;border-radius:10px;font-size:16px;background:#F4F6EE}.pkcr.add{background:#E8F5EC}.pkcr.del{background:#FCEBEB;text-decoration:line-through}.pkcr.q{background:#FFF6DD}
.pkbk{border:2px solid #C62828;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-top:6px}.pkbk>b{color:#C62828;font-size:16px}
.pkbr{display:flex;align-items:center;gap:10px;font-size:16px}.pkbr .w{flex:1;min-width:0}.pkbr .pkbm{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#FCEBEB;color:#C62828;font-weight:700}.pkbr.ok .pkbm{background:#E8F5EC;color:#1d7a43}.pkbr.ok .w{color:#5B6B60;text-decoration:line-through}.pkbr small{color:#C62828;font-weight:700}
.pkchok{width:100%}.pkchok[disabled]{opacity:.55}
.pkbkb{display:flex;align-items:center;gap:8px;width:100%;margin:8px 0;padding:12px 14px;border:2px solid #C62828;border-radius:12px;background:#FCEBEB;color:#C62828;font:700 16px Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.rvbar{flex-wrap:wrap}.rvbar .btn{flex:1 1 40%}.rvbar .rvnx{flex:1 1 100%;min-height:54px!important;font-size:18px!important}@media (max-width:640px){#rvList{padding-bottom:128px}}
html body #main .rvbar .btn,html body .rvbar .btn{min-height:46px;height:46px;justify-content:center;text-align:center;font-size:15px}html body #main .rvbar .btn.rvnx,html body .rvbar .btn.rvnx{height:54px;min-height:54px;font-size:18px}
html body .rvbar .btn{height:56px!important;min-height:56px!important;font-size:17px!important;font-weight:800!important;border-radius:12px!important;border:2px solid var(--g,#1f6f4a)!important;color:var(--g,#1f6f4a)!important;background:#fff!important;box-shadow:0 2px 0 rgba(0,0,0,.15)!important}html body .rvbar .btn.rvnx{height:64px!important;min-height:64px!important;font-size:21px!important;background:var(--g,#1f6f4a)!important;color:#fff!important;box-shadow:0 3px 0 rgba(0,0,0,.25)!important}html body .rvbar .btn:active{transform:translateY(2px);box-shadow:none!important}@media (max-width:640px){#rvList{padding-bottom:150px}}
html body #main .rvcur .rvqty{gap:28px;margin:8px 0}html body #main .rvcur .rvqty .btn{width:72px;height:60px;font-size:30px!important;user-select:none;-webkit-user-select:none;touch-action:manipulation}html body #main .rvcur .rvqty b{font-size:40px}
html body #main .rvbar .btn{font-size:17px!important;font-weight:800!important}html body #main .rvbar .btn.rvnx{font-size:22px!important}
@media (max-width:640px){html body #main .rvcam{height:min(17vh,140px)!important}html body #main .rvtype{margin:0 0 6px}html body #main .rvcur .rvqty{margin:4px 0}html body #main .rvcur .rvqty .btn{height:52px}}
@media (max-width:640px){html body #main .rvbar .btn{height:48px!important;min-height:48px!important}html body #main .rvbar .btn.rvnx{height:56px!important;min-height:56px!important}html body #main .rvbar{gap:6px;padding:5px!important}html body #main .rvit img{width:40px!important;height:40px!important}html body #main .rvseg button{min-height:46px;padding:3px}}
.pkadd{display:inline-block;margin:4px auto 2px;padding:5px 12px;border-radius:10px;background:#FFF6DD;color:#8A5A00;font:700 15px Inter,Arial,sans-serif}
.rvapp{display:grid;grid-template-columns:1fr;gap:12px;margin:6px 0 14px}@media (min-width:641px){.rvapp{grid-template-columns:repeat(3,1fr)}}.rvapp button{display:flex;align-items:center;gap:14px;padding:20px 18px;border:2px solid var(--line);border-radius:14px;background:var(--card,#fff);font:inherit;text-align:left;box-shadow:0 2px 0 rgba(0,0,0,.08);color:var(--g,#1f6f4a)}.rvapp b{font-size:20px;color:#14231B}.rvapp span{display:block;font-size:13px;color:var(--mut,#666);margin-left:auto}.rvapp button:active{transform:translateY(2px)}.rvtob{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline dotted}
/* ⇄ replace an item + the customer's choice / note on the picker card (Joseph, Oct 29) */
.pkrep{border:2px solid #1d7a43;background:#E8F5EC;color:#165C3A;border-radius:12px;font:700 17px Inter,Arial,sans-serif;padding:14px;cursor:pointer}.pkrep.wide{width:100%;margin-top:8px}
.pksp{margin:6px auto 0;padding:6px 12px;border-radius:10px;background:#EEF1E6;font-size:14px;color:#33463B;display:inline-block}.pksp.big{display:block;font-size:16px;padding:10px 12px}.pksp.no{background:#FCEBEB;color:#C62828}
.pkcn{display:flex;gap:8px;align-items:flex-start;margin:6px 0 0;padding:8px 12px;border-radius:10px;background:#FFF6DD;color:#5A3D00;font:600 15px Inter,Arial,sans-serif;text-align:left}
.pkwhy{display:flex;flex-wrap:wrap;gap:8px}.pkwhy button{padding:10px 14px;border-radius:10px;border:1.5px solid #CBD3C4;background:#fff;font:600 15px Inter,Arial,sans-serif}.pkwhy button.on{background:#165C3A;border-color:#165C3A;color:#fff}
.pkrl{display:flex;flex-direction:column;gap:6px;margin-top:8px}.pkrl button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;border-radius:10px;border:1.5px solid #E2E7DC;background:#fff;font:600 15px Inter,Arial,sans-serif}.pkrl button small{font-weight:400;color:#5B6B60}.pkrl button.on{border-color:#165C3A;background:#E8F5EC}
.pkrsel{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#E8F5EC;font-size:16px}
.c2ctl .cnote{display:block;width:100%;text-align:left;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rvlog summary{padding:10px 12px;cursor:pointer}.rvlog .rpt td{font-size:13px}
.pkqm{margin-top:10px}.pkqm b small{font-size:15px;font-weight:600;color:#5B6B60}.pkqall{width:100%;margin-top:8px;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;border-radius:12px!important;padding:14px!important;font-size:18px!important;min-height:0!important}.onote{width:100%;box-sizing:border-box;margin:8px 0;font-size:16px}
.pkfoc{display:block;width:100%;margin:8px 0 4px;padding:12px!important;font-size:16px!important}.pkr .pkcn{margin:4px 0}
.rvbk{border:1px solid var(--line);background:var(--card,#fff);border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1;margin-right:10px;vertical-align:middle;color:var(--g,#1f6f4a)}
body.pg-recv #islFab{display:none!important}
.pkrcf{margin-top:12px;border:2px solid #165C3A;border-radius:12px;padding:10px 12px}.pkrfrom{font-size:16px;color:#C62828;text-decoration:line-through;margin:4px 0}.pkrto{font-size:18px;font-weight:700;color:#165C3A}
html body #main .rvset .rvbig[data-rvgo]{height:64px!important;min-height:64px!important;font-size:21px!important;font-weight:800!important;border-radius:12px!important;margin-top:16px;justify-content:center;box-shadow:0 3px 0 rgba(0,0,0,.25)!important}
.rvsth{display:flex;align-items:center;justify-content:space-between}.rvsth .btn{min-height:32px;padding:0 12px;font-size:14px}
html body #main .rvbar .btn{flex:1 1 30%}html body #main .rvbar .btn.rvnx{flex:1 1 100%}html body #main .rvbar .rvls{flex-direction:column;line-height:1.1;font-size:15px!important}.rvls span{display:inline-block;margin-left:6px;background:var(--g,#1f6f4a);color:#fff;border-radius:8px;padding:1px 7px;font-size:13px}.rvdl{float:right;width:34px;height:34px;padding:0;margin-left:8px}
html body #main .rvbar .rvls{flex-direction:row}html body #main .rvbar .btn:not(.rvnx){font-size:16px!important;white-space:nowrap;padding:0 4px}

.ordrc .rsub{font-size:12px;color:#8a5a00;margin:2px 0 0 1.2em}
.pkbcd{text-align:center;font-size:15px;color:#555;letter-spacing:.5px;margin:2px 0 6px;font-variant-numeric:tabular-nums}.pkbcd svg{vertical-align:-3px}.ordrc .rrep{background:#c0392b;color:#fff;font-size:10px;padding:1px 5px;border-radius:4px;margin-right:2px}
.rvcs-top{font-size:15px;margin:0 0 8px}.rvcd{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;box-shadow:0 1px 0 rgba(0,0,0,.05)}.rvcd img{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#f4f4f4;flex:none}.rvcdw{flex:1;min-width:0}.rvcdw>b{font-size:15px;display:block}.rvcdq{font-size:15px;margin:3px 0}.rvcda{display:flex;gap:8px;margin-top:8px}html body .rvcda .btn{flex:1;min-height:44px;font-size:15px;font-weight:700;justify-content:center}.rvcdm{background:#FDF3F2;border-color:#F3C9C4}

.sbw{position:fixed;right:0;bottom:var(--mnh,0px);left:0;top:0;z-index:60;background:var(--bg,#F6F7F4);display:flex;flex-direction:column}
.sbhd{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--card,#fff)}.sbhd h2{flex:1;margin:0;font-size:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbhd .rvbk{margin:0}
.sbbody{flex:1;overflow:auto;padding:10px 12px 80px}
.sbc{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 8px;cursor:pointer}.sbc .w{flex:1;min-width:0}.sbc .r{text-align:right}
.sbf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}.sbf>*{background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 8px;min-width:0}.sbf span{display:block;font-size:11px;color:var(--mut,#666)}.sbf input{width:100%;border:0;font:inherit;font-size:15px;font-weight:700;padding:2px 0;background:none;min-width:0}.sbf .miss{border:2px solid #C0392B}.sbf em{font-style:normal;font-size:12px}
.sbbar{display:flex;gap:8px;margin:0 0 8px}.sbbar .find{flex:1;min-width:0}.sbbar select{max-width:45%}
.sbh{display:grid;grid-template-columns:34px 1fr;gap:0;font-size:11px}.sbh button{border:0;background:none;padding:4px 3px;text-align:right;font:inherit;font-weight:700;color:#4a554d;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.sbh button.on{color:var(--g,#1f6f4a)}
.sbh,.sbg{grid-template-columns:repeat(10,minmax(0,1fr))}.sbh button:nth-child(1),.sbh button:nth-child(2){display:none}
.sbl{background:#fff;border:1px solid var(--line);border-left:4px solid var(--g,#1f6f4a);border-radius:10px;padding:6px 8px;margin:0 0 6px}.sbl.att{border-left-color:#B42318;background:#FFF7F6}.sbl.qq{border-left-color:#C98A00;background:#FFFBEF}.sbl.non{border-left-color:#7a7f87}
.sbl1{display:flex;gap:6px;align-items:center}.sbn{font-weight:800;color:#4a554d;min-width:24px}.sbl1 input[data-sbl]{flex:1;min-width:0;border:1px solid transparent;border-radius:6px;padding:4px 6px;font:inherit;font-weight:700;font-size:14px;background:none}.sbl1 input[data-sbl]:focus{border-color:var(--line);background:#fff}
.sbk,.sbq,.sbdel{border:1px solid var(--line);background:#fff;border-radius:8px;height:28px;padding:0 8px;font-size:12px;font-weight:700}.sbq.on{background:#C98A00;color:#fff;border-color:#C98A00}.sbdel{color:#B42318}
.sbg{display:grid;gap:4px;margin-top:4px}.sbg label{display:flex;flex-direction:column;min-width:0}.sbg label span{display:none;font-size:10px;color:var(--mut,#666)}.sbg input{width:100%;min-width:0;border:1px solid #E4E8E2;border-radius:6px;padding:4px 5px;font:inherit;font-size:13px;text-align:right;background:#fff}.sbg input[data-sbl$=":upc"],.sbg input[data-sbl$=":vc"]{text-align:left}.sbg b{text-align:right;padding:4px 2px;font-size:13px}
.sbatt{font-size:12px;color:#B42318;font-weight:700;margin-top:4px}.sbatt.q{color:#8A5A00}.sbatt .btn{min-height:24px;padding:0 8px;font-size:12px}
.sbap{background:#fff;border:2px solid var(--g,#1f6f4a);border-radius:12px;padding:10px;margin:12px 0}.sbapb{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sblog{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin:8px 0}
@media (max-width:760px){.sbh{display:none}.sbg{grid-template-columns:repeat(5,minmax(0,1fr))!important}.sbg label span{display:block}.sbf{grid-template-columns:1fr 1fr}}
.sbg label{position:relative}.sbar{position:absolute;right:2px;top:-13px;font-style:normal;font-size:10px;font-weight:800;padding:0 3px;border-radius:4px}.sbar.up{color:#fff;background:#B42318}.sbar.dn{color:#fff;background:#1F7A44}.sbatt.dn{color:#1F7A44}@media (max-width:760px){.sbar{top:0}}.sbh{padding:0 13px 0 13px}

/* store bill lines v2 — one clean card, plain numbers, straight columns (Moses, Oct 29) */
.sbh{display:grid!important;grid-template-columns:var(--sbcols)!important;padding:0 9px 0 13px!important;position:sticky;top:-10px;z-index:3;background:var(--bg,#F6F7F4)}
.sbhc{position:relative;display:flex;align-items:center;min-width:0;cursor:grab}.sbhc button{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;display:block!important;text-align:right!important}
.sbhc[data-sbcol="brand"] button,.sbhc[data-sbcol="desc"] button,.sbhc[data-sbcol="upc"] button,.sbhc[data-sbcol="vc"] button,.sbhc[data-sbcol="n"] button{text-align:left!important}
.sbrz{position:absolute;right:-3px;top:2px;bottom:2px;width:7px;cursor:col-resize;border-right:2px solid #D5DBD2;touch-action:none}
.sbrw{display:grid;grid-template-columns:var(--sbcols);align-items:center;gap:0}
.sbcc{position:relative;min-width:0;display:block;margin:0}.sbcc input{width:100%;min-width:0;border:0;border-bottom:1px dashed transparent;border-radius:0;background:none;padding:6px 4px;font:inherit;font-size:13.5px;text-align:right;color:inherit}
.sbcc.t input{text-align:left}.sbcc input[data-sbl$=":desc"]{font-weight:700;font-size:14px}.sbcc input:hover{border-bottom-color:#C9D2C6}.sbcc input:focus{outline:0;border-bottom:2px solid var(--g,#1f6f4a);background:#F3F8F3}
.sbcn{font-weight:800;color:#4a554d;padding-left:2px}.sbcm{text-align:right;font-weight:800;padding-right:4px}
.sbfl{display:flex;gap:4px;justify-content:flex-end;align-items:center}
.sbl{padding:2px 8px 4px!important}.sbar{top:-8px!important}
@media (max-width:760px){.sbh{display:none!important}.sbrw{grid-template-columns:repeat(4,minmax(0,1fr))}.sbrw>*{order:5}.sbcn{order:0;grid-column:1/2}.sbcc[data-l="Description"]{order:1;grid-column:2/5}.sbfl{order:9;grid-column:1/-1}.sbcc,.sbcm{display:flex;flex-direction:column;padding:2px 0}.sbcc::before,.sbcm::before{content:attr(data-l);font-size:10px;color:#6b776f;text-align:right}.sbcc.t::before{text-align:left}.sbcc[data-l="Description"]::before{display:none}.sbcm{padding-right:4px}}
@media (max-width:760px){.sbcc[data-l="Description"] input{text-align:left!important;font-size:15px}.sbcc .sbar{position:static!important;align-self:flex-end;margin-bottom:1px}}
@media (max-width:760px){.sbl{position:relative}.sbcn{position:absolute;left:10px;top:9px}.sbcc[data-l="Description"]{grid-column:1/-1!important}.sbcc[data-l="Description"] input{padding-left:22px}}

/* store bills step 2 — the bill LINES left + the INVOICE right (Moses, Oct 29: "half and half … don't remove the side Island logo") */
.sbL{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;container:sbl/inline-size}
.sbw.sbsplit{flex-direction:row}.sbsplit .sbL{flex:1 1 52%}.sbpdf{flex:1 1 48%;min-width:0;overflow:auto;background:#E9ECE7;border-left:1px solid var(--line);padding:8px}.sbpdf canvas{border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.12);margin:0 0 8px}.sbpdf .ivpdf{width:100%}
.sbsplit .sbpdfb{display:none}.sbl{cursor:pointer}.sbl.sbhl{box-shadow:0 0 0 2px #E8C200;background:#FFFDE8}
.sbok{font-style:normal;color:#1F7A44;font-weight:900;font-size:15px;padding:0 4px}
.sbneed{display:flex;gap:10px;align-items:baseline;margin:14px 0 6px;padding:8px 10px;border-radius:10px;background:#FFF3E8;border:1px solid #F1C9A5}.sbneed b{color:#9A3A00}.sbneed span{font-size:12px;color:#7a5a40}
.sbdc{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.sbdc .btn{color:#1f2a22}.sbdone{color:#1F7A44}
.sbivh{padding:4px 2px 10px;font-size:14px}.sbivt{margin:14px 0 6px;font-size:13px;text-transform:uppercase;color:#4a554d}
body.sb-on .modal{z-index:65}
.dkbody .ordtl{background:#fff;margin:10px 0;font-size:.8rem}

/* 🧺 Shelf refill (Moses, Oct 29) */
.rfsub{display:flex;align-items:center;gap:10px;margin:0 0 10px}.rfsub b{flex:1;font-size:18px}.rfsub .rvbk{margin:0}
.rffind{display:flex;gap:8px;margin:0 0 10px}.rffind .find{flex:1;min-width:0;font-size:16px;height:46px}.rffind .btn{height:46px;padding:0 16px;font-size:15px}
.rfchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.rfchips button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-weight:700;font-size:14px}.rfchips button.on{background:var(--g,#1f6f4a);border-color:var(--g,#1f6f4a);color:#fff}.rfchips.sm button{padding:6px 10px;font-size:13px}
.rftb th{cursor:pointer;white-space:nowrap}.rftb th.on{color:var(--g,#1f6f4a)}.rftb tr[data-rfask]{cursor:pointer}
.rfl{white-space:nowrap}.rfl span{display:inline-block;min-width:26px;text-align:center;font-weight:800;background:#F1F4EF;border-radius:6px;padding:2px 5px;margin-right:3px}
.rfgh{font-weight:800;margin:14px 0 6px;color:#4a554d;text-transform:uppercase;font-size:13px}
.rftk{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-left:4px solid #C98A00;border-radius:12px;padding:10px 12px;margin:0 0 8px;cursor:pointer}.rftk .w{flex:1;min-width:0}.rftk .r{text-align:right}.rftk.st-sent{border-left-color:#2563A8}.rftk.st-done{border-left-color:#1F7A44}.rftk.st-out{border-left-color:#B42318}
.rfb{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.rfb .btn{min-height:40px;padding:0 14px;font-size:14px}
.rfask .rfwhere{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:8px 0;font-weight:700}.rfopen{display:block;margin:6px 0;padding:6px 8px}
.rflbl{font-weight:800;margin:14px 0 6px}.rfqty{display:flex;gap:8px;align-items:center}.rfqty input{width:90px;text-align:center;font-size:20px;font-weight:800;height:46px;border:1px solid var(--line);border-radius:10px}.rfqty .btn{width:52px;height:46px;font-size:22px}.rfqty.big input{width:110px}
.rfseg{display:flex;gap:8px;margin:0 0 8px}.rfseg button{flex:1;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-weight:800;font-size:15px}.rfseg button.on{background:var(--g,#1f6f4a);color:#fff;border-color:var(--g,#1f6f4a)}
.rfgo{width:100%;height:54px;font-size:17px;margin-top:16px}.rfls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:640px){.rftb .rfl span{min-width:20px;padding:2px 3px}}
/* choices in a pop-up = one clean list (Moses, Oct 29: "nice please"): same-size icon in its own square, title on one line, the explanation under it */
.modal .rvapp{grid-template-columns:1fr!important;gap:8px}
.modal .rvapp button{display:grid!important;grid-template-columns:44px 1fr 14px;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-width:1px;box-shadow:none;min-width:0;cursor:pointer}
.modal .rvapp button:hover{border-color:var(--g,#1f6f4a);background:#F4F8F4}
.modal .rvapp button>svg{grid-row:1/3;grid-column:1;width:24px!important;height:24px!important;box-sizing:content-box;padding:10px;border-radius:10px;background:#EAF2EC;color:var(--g,#1f6f4a)}
.modal .rvapp button>b{grid-column:2;font-size:16px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modal .rvapp button>span{grid-column:2;margin:0!important;font-size:13px;line-height:1.3;text-align:left}
.modal .rvapp button::after{content:"›";grid-row:1/3;grid-column:3;font-size:22px;color:#9AA59D}
.sbsug{position:absolute;left:0;top:100%;z-index:20;width:min(520px,92vw);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:4px;max-height:340px;overflow:auto}
.sbsug button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;border-radius:8px;font:inherit;cursor:pointer}.sbsug button b{display:block;font-size:14px}.sbsug button span{display:block;font-size:12px;color:var(--mut,#666)}
.sbsug button:hover,.sbsug button.on{background:#EAF2EC}.sbsug .sbsgn{border-top:1px solid var(--line);border-radius:0 0 8px 8px;font-weight:800;color:var(--g,#1f6f4a)}
.sbsg0{padding:8px 10px;font-size:13px;color:var(--mut,#666)}
.sbcolb{white-space:nowrap}.sbcolp{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:-2px 0 8px}.sbcolp label{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:600}.sbcolp .linkb{margin-left:auto}
.sbdrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:calc(100% - 4px);min-height:420px;border:2px dashed #B9C6BC;border-radius:14px;background:#fff;font:inherit;color:var(--g,#1f6f4a);cursor:pointer;padding:24px;text-align:center}.sbdrop b{font-size:20px;color:#14231B}.sbdrop span{font-size:13px;color:var(--mut,#666);max-width:340px}.sbdrop:hover{border-color:var(--g,#1f6f4a);background:#F4F8F4}
.rvtype{position:relative}.lbsug{width:100%;max-width:640px}
.rlrep{color:#8a5a00;margin-top:2px}.rlrep.g{color:#1e6b44}

/* beside the invoice PDF: still ONE straight row per line under the column titles (Moses, Oct 29: "not aligned — I can't see what is what"); brand · UPC · vendor # = a small line under the description */
.sbsub{position:relative;display:flex;gap:4px;margin-top:1px}.sbsub input{flex:1;min-width:0;font-size:11.5px!important;font-weight:500!important;color:#55635A;padding:1px 4px!important;text-align:left!important}
.sbw.sbnar .sbcc input{padding:5px 3px;font-size:13px}.sbw.sbnar .sbhc button{font-size:10.5px}
.sbw.sbnar .sbfl{gap:3px}.sbw.sbnar .sbk,.sbw.sbnar .sbq,.sbw.sbnar .sbdel{height:24px;padding:0 5px;font-size:11px}.sbw.sbnar .sbcm{font-size:12.5px;padding-right:2px}
.sbsub input[data-sbl$=":upc"]{flex:1.7}.sbsub input[data-sbl$=":brand"]{flex:1.2}
.sbw.sbsplit .sbL{flex:1 1 56%}.sbw.sbsplit .sbpdf{flex:1 1 44%}
.sbw.sbnar .sbhc button{text-transform:none;letter-spacing:0;font-size:11.5px;overflow:visible}.sbsub input[data-sbl$=":brand"]{flex:.9}.sbsub input[data-sbl$=":upc"]{flex:2}
.sbneed{flex-wrap:wrap}.sbneed .sp{flex:1}.sbneed .btn{min-height:30px;padding:0 10px;font-size:12.5px}
/* store bill lines = COMPACT everywhere (Moses, Oct 29: "much, much smaller so I can see more in one screen … fits more columns") */
#sbw .sbl{padding:0 5px!important;margin:0 0 2px;border-radius:6px;border-left-width:3px}
#sbw .sbcc input{padding:3px 2px!important;font-size:12px!important}#sbw .sbcc input[data-sbl$=":desc"]{font-size:12.5px!important;font-weight:700}
#sbw .sbhc button{font-size:10px!important;padding:2px 2px!important;text-transform:none;letter-spacing:0}
#sbw .sbcn{font-size:11px}#sbw .sbcm{font-size:11.5px;padding-right:2px}
#sbw .sbfl{gap:2px}#sbw .sbk,#sbw .sbq,#sbw .sbdel{height:20px;padding:0 4px;font-size:10px;border-radius:5px}#sbw .sbok{font-size:12px;padding:0 2px}
#sbw .sbatt{font-size:11px;margin:0 0 2px;line-height:1.3}#sbw .sbatt .btn{min-height:20px;font-size:10.5px;padding:0 6px}
#sbw .sbneed{margin:6px 0 3px;padding:4px 8px}#sbw .sbar{font-size:9px!important;top:-6px!important}
#sbw.sbsplit .sbL{flex:1 1 60%}#sbw.sbsplit .sbpdf{flex:1 1 40%}
#sbw .sbatt .btn,#sbw .sbneed .btn{min-height:20px!important;height:22px!important;font-size:11px!important;padding:0 7px!important;border-radius:6px!important}#sbw .sbneed b{font-size:13px}#sbw .sbneed{gap:6px}
#sbw .sbcc input[data-sbl$=":upc"]{font-size:11px!important;letter-spacing:-.2px}
#sbw .sbft{background:#F1F6F1;border-left-color:#1F7A44;margin-top:6px;padding:4px 5px!important}#sbw .sbft .sbftl{font-weight:800;font-size:12.5px;padding-left:2px}#sbw .sbft .sbftn{text-align:right;font-weight:800;font-size:12.5px;padding-right:3px}
#sbw .sbft .sbftm{font-size:11.5px;color:#1F7A44;font-weight:700;padding:2px}#sbw .sbft.bad{background:#FDECEA;border-left-color:#B42318}#sbw .sbft.bad .sbftm,#sbw .sbft.bad .sbftn{color:#B42318}
/* the TOTAL line = its own look, not a line card (Moses, Oct 29: "different color, more bold — it shouldn't look the same as all"); pinned to the bottom while scrolling */
#sbw #sbFoot{position:sticky;bottom:0;z-index:4;padding-top:6px;background:linear-gradient(transparent,var(--bg,#F6F7F4) 6px)}
#sbw .sbft{background:#173F2C!important;border:0!important;border-radius:10px;box-shadow:0 -2px 10px rgba(0,0,0,.12);padding:9px 6px 7px!important;margin:0!important;color:#fff}
#sbw .sbft .sbftl{color:#fff;font-size:14px!important;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
#sbw .sbft .sbftn{color:#fff!important;font-size:15px!important;font-weight:900}
#sbw .sbft .sbftm{color:#BFE3CB!important;font-size:12.5px!important;font-weight:700;padding:4px 2px 0}
#sbw .sbft.bad{background:#9F1E14!important}#sbw .sbft.bad .sbftm{color:#FFE1DC!important}
.sbgh{font-weight:800;font-size:13px;text-transform:uppercase;color:#4a554d;margin:12px 0 6px}.sbitn{font-style:normal;font-weight:500;color:#8a948d;font-size:10.5px}
.sbcrt{background:#6B3FA0!important;color:#fff!important}
/* Total bar = frozen at the very bottom of the bill window, light colors (Moses, Oct 29: "bottom of the screen, freeze, lighter green, lighter red") */
#sbw #sbFoot{position:static;padding:6px 12px 8px;background:var(--card,#fff);border-top:1px solid var(--line);box-shadow:0 -3px 10px rgba(0,0,0,.06)}
#sbw .sbft{background:#E4F3E8!important;color:#14532D;box-shadow:none;border:1px solid #B7DDC2!important}
#sbw .sbft .sbftl,#sbw .sbft .sbftn{color:#14532D!important}#sbw .sbft .sbftm{color:#1F7A44!important}
#sbw .sbft.bad{background:#FDE8E5!important;border-color:#F3B9B1!important}#sbw .sbft.bad .sbftl,#sbw .sbft.bad .sbftn,#sbw .sbft.bad .sbftm{color:#9F1E14!important}
.sbmemo{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 8px;margin:0 0 10px}.sbmemo span{display:block;font-size:11px;color:var(--mut,#666)}.sbmemo input{width:100%;border:0;font:inherit;font-size:14px;padding:2px 0;background:none}
.dmit .dmh{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.dmit textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit}.dmph{margin:10px 0}.dmph img{max-width:220px;border-radius:10px;display:block;margin-bottom:6px}.dmbig{max-width:100%;border-radius:10px;margin:8px 0}
.sbmk{margin-left:8px;min-height:24px;font-size:12px;padding:0 10px}
/* staff card — What they can open = check boxes, Select all (Moses, Oct 29) */
.stfoh{display:flex;justify-content:space-between;align-items:center;margin:12px 0 6px}.stfoh b{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:#4a554d}
.stfck .ccrow{gap:12px;cursor:pointer}.stfbx{flex:none;width:24px;height:24px;border:2px solid #9AA59D;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;background:#fff}
.stfbx.on{background:var(--g,#1f6f4a);border-color:var(--g,#1f6f4a)}.stfck .ccrow.on .l{color:#14231B;font-weight:700}.stfck .ccrow[disabled] .stfbx{opacity:.4}
.pkmenu{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}.pkmenu .pkchoose{margin:0;min-height:58px;padding:8px 10px;font-size:15px;max-width:none;width:100%}
/* search rows: the name keeps room — the price + Single / Case + Add go under it when the box is narrow (Joseph, Oct 29: "no good") */.sgp{flex-wrap:wrap;row-gap:6px}.sgpi{flex:1 1 170px}.sgp .sgr{margin-left:auto}

/* Website front page on a computer (Joseph, Oct 29: "בזיונות") — the headline on a solid green (the photo's own words never show behind it), the categories fill the whole row (12 on a computer, 6 on a phone), a department with no logo = its name as a wordmark */
@media (min-width:900px){.hmhero:after{background:linear-gradient(90deg,rgba(25,63,51,.97) 0,rgba(25,63,51,.95) 42%,rgba(25,63,51,.55) 70%,rgba(25,63,51,.15))}.hcg.hcp.hc6{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}}
.dp2:not(.dlg) .dpl2 b{font:800 21px/1.1 Georgia,'Times New Roman',serif;letter-spacing:-.01em;padding:0 10px}
.pktm{display:flex;flex-direction:column;gap:8px}.pktr{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#E6E9DC);border-radius:10px;padding:10px}.pktr .w{flex:1;min-width:0}.pkdot{width:10px;height:10px;border-radius:3px;background:#C9CDC2;flex:none}.pkdot.on{background:#1e8e3e}.pkdot.idle{background:#E0A82E}.pktpin{display:flex;flex-direction:column;gap:4px;align-items:flex-end}
#offBar{position:fixed;left:8px;right:8px;top:8px;z-index:2147483000;background:#7A4B00;color:#fff;font:700 14px Inter,Arial,sans-serif;padding:10px 12px;border-radius:10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.shtrk{box-sizing:border-box;margin-left:auto;margin-right:auto} /* the order card centered (Joseph, Oct 29) */
.shscph{visibility:hidden}.stk.ooss{color:#B42318}

/* website on a computer (Oct 29) */
@media (min-width:900px){.hmpage{max-width:1240px;margin:0 auto}.acpage{max-width:880px;margin:0 auto}.acpage .apcard{max-width:420px}.acpage>*{max-width:none}.acpage .matabs{max-width:none;width:100%}
 .hmus{display:inline-block;max-width:100%;padding:12px 14px}.hmusg{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:72px;gap:8px;justify-content:start}.hmusa{width:auto;padding:10px 22px}}
@media (max-width:899px){.hmusg{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hmusg button:nth-child(n+9){display:none}}
@media (min-width:900px){body .hmpage{max-width:1240px}body .shtrk{max-width:1240px}body .hmpage .hmus{display:block;width:auto}body .hmpage .hmus .hmusg{grid-template-columns:repeat(auto-fill,84px)!important;grid-auto-flow:row;grid-auto-columns:auto;gap:10px}body .hmpage .hmus .hmusg button{width:84px;height:84px}body .hmpage .hcg.hcp.hc6{grid-template-columns:repeat(5,minmax(0,1fr))!important}}

/* 3rd level — the shelves of the chosen category (Joel, Oct 29: Foodoo's 3 levels) */
.shdepbar2{margin-top:-6px}.shdepbar2 .cchip{font-size:12px;padding:4px 10px}

/* the real hechsher logos (Joel, Oct 29) — wide ones keep their shape; a white box so they show in night colors too */
.hsv.hlg{width:auto;max-width:52px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:3px;background:#fff;border-radius:3px}.hsv.hlg.big{height:44px;max-width:104px}.bzh .hsv.hlg{height:1.1em;max-width:2.4em;margin-right:0}

/* the product page: hechsher logo(s) top left on the picture (Joel, Oct 29); the Save tag then goes bottom left */
.pphech{position:absolute;left:10px;top:10px;display:flex;gap:6px;align-items:center;background:#fff;border-radius:10px;padding:4px 6px;box-shadow:0 2px 8px rgba(0,0,0,.10)}.pphech .hsv.hlg.big{height:38px;max-width:84px;margin:0}.pphech .hsv.big{width:38px;height:38px}.pphech .hsb{font-size:12px}.ppsale.b{top:auto;bottom:12px}
.pkmh{font:800 12px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#5B6B5F;margin:12px 2px 6px}
.pktop .pkchoose{min-height:96px;font-size:18px;flex-direction:column;gap:6px}.pkbk2{margin:0 0 10px!important;min-height:44px}

/* one team list (Moses, Oct 29) */
.tm1l{display:flex;flex-direction:column}.tm1r{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line);cursor:pointer}.tm1r:hover{background:var(--bg2,#F4F6F2)}
.tm1av{position:relative;flex:none}.tm1d{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:3px;border:2px solid var(--card,#fff);background:#C5CCC6}.tm1d.on{background:#1F9D55}.tm1d.rec{background:#E0B341}
.tm1n{flex:1;min-width:0;display:flex;flex-direction:column}.tm1n b{font-size:14px}.tm1s{color:var(--mut,#66706A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm1g{color:#1F9D55;font-weight:700}.tm1on{color:#1F9D55;font-weight:700}
.tm1a{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.tm1a .ihb{display:flex;gap:6px}
@media (max-width:640px){.tm1a .ihb{display:none}.tm1r{padding:8px 6px}}
/* a live item with no photo yet — a plain box, never a stand-in picture (Joel, Oct 29) */
.ipic.nopx{background:#F4F5F1!important;display:grid;place-items:center}.nopxt{font-size:11px;color:#8A9187;font-weight:600;text-align:center;line-height:1.2;padding:4px}

/* name suggestions on every name box (Moses, Oct 29) */
.gsug{z-index:90}.gsug[hidden]{display:none}

/* invoice lines = one compact row each (Moses, Oct 29) */
.ivl.ivlr{padding:0;margin:0;border:0;border-bottom:1px solid #EEF0EA;border-left:3px solid transparent;border-radius:0;background:none}.ivl.ivlr.bad{border-left-color:#B42318}.ivl.ivlr.ivhl{background:#FFF8D6;border-left-color:#E0B341}
.ivr{display:grid;grid-template-columns:20px minmax(0,1fr) 92px 50px 42px 54px 50px 50px 48px 70px 14px;gap:0 6px;align-items:center;padding:4px 6px;font:12.5px/1.25 'Roboto Condensed','Arial Narrow',Inter,sans-serif;font-feature-settings:'tnum';cursor:pointer}
.ivr:hover{background:#F5F7F2}.ivr .r{text-align:right;white-space:nowrap}.ivr-n{color:#7a837c;font-size:11px}.ivr-nm{min-width:0}.ivr-nm b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivr-nm small{display:block;color:#7a837c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivr-nm small:empty{display:none}
.ivr-u{font-size:11.5px;color:#4a554d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ivr-st i{font-style:normal;font-weight:800}.ivr-st .ok{color:#1F7A44}.ivr-st .bd{color:#fff;background:#B42318;border-radius:4px;padding:0 4px;font-size:11px}
.ivr.ivrh{cursor:default;position:sticky;top:0;z-index:2;background:#F3F5F0;font:700 10.5px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#4a554d;border-bottom:1px solid var(--line)}.ivr.ivrh:hover{background:#F3F5F0}
.ivl-d{padding:4px 10px 10px 32px;background:#FBFCFA;border-top:1px dashed #E2E6DF}
@media (max-width:1180px){.ivr{grid-template-columns:20px minmax(0,1fr) 50px 42px 54px 50px 70px 14px}.ivr-u,.ivr-x{display:none}}
@media (max-width:640px){.ivr{grid-template-columns:18px minmax(0,1fr) 40px 50px 64px 14px;font-size:12px}.ivr>span:nth-child(4),.ivr>span:nth-child(8){display:none}.ivl-d{padding-left:10px}}
.ivl-tot{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-top:2px solid var(--line)}

/* endless scroll on the website (Moses, Oct 29) */
.automore{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:var(--mut,#66706A);font-size:13px;cursor:pointer}.automore i{width:14px;height:14px;border:2px solid #C9D3CB;border-top-color:var(--g,#1f6f4a);border-radius:3px;animation:amspin .8s linear infinite}@keyframes amspin{to{transform:rotate(360deg)}}

/* who is writing — the website account on every chat (Moses, Oct 29) */
.ibac{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:0 5px;border-radius:5px;background:#E7F2EA;color:#1F6F4A;font-size:11px;font-weight:700;white-space:nowrap}
.ibacb{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 14px;border:0;border-bottom:1px solid var(--line);background:#F2F8F3;font:inherit;font-size:13px;line-height:1.35;cursor:pointer;color:inherit}.ibacb .sp{flex:1}.ibacb:hover{background:#E8F2EA}
.ibacb.none{background:#FAFAF7;color:var(--mut,#66706A);cursor:default;font-size:12px}
/* one store app: Delivery = two departments, Pickup + Trucks (Joseph, Oct 29) */
.pkmh2{grid-column:1/-1;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut,#667);margin:8px 2px 0}

/* + sits in the bottom-left corner under Settings on the computer, never over the chat's Send (Moses, Oct 29) */
@media (min-width:861px){.isl-fab{left:9px;right:auto;bottom:12px;width:44px;height:44px;font-size:26px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.16)}}
@media (min-width:861px){html body aside.side .rail{padding-bottom:62px}}

.rffind{position:relative}.rfsug{top:50px}

/* the store app inside the portal = the app's own window (Moses, Oct 29) */
body.sain #main{max-width:760px;margin:0 auto!important;width:100%}body.sain .app{grid-template-columns:1fr!important}
body.sain:not(.pg-pka) #main{padding:12px 16px 40px!important;background:var(--cream,#F9FAF2);min-height:100vh}body.sain .rvapp{grid-template-columns:1fr!important}
/* the × clear button only when something is typed — it covered "Search, or ask anything" (Joseph, Oct 29) */
html body .shs .find:placeholder-shown~.shclr{display:none!important}
.pkaw.pkahd{min-height:0;max-width:none;margin:0 0 10px}body.sain:not(.pg-pka) .pkaw.pkahd{margin:-12px -16px 12px}

/* refill rows: in stock + − n + Ask (Moses, Oct 29) */
.rfst{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.rfst .btn{min-width:38px;height:38px;padding:0 10px;font-size:18px;font-weight:800}.rfst .btn.pri{font-size:14px}.rfst b{min-width:22px;text-align:center;font-size:16px}
.rfoh b{font-size:16px}@media (max-width:640px){.rftb th:nth-child(2),.rftb td:nth-child(2){display:none}.rfst .small{display:none}}
/* compact POS inside the store app (Moses, Oct 29: "make the compact version of the POS") — one column at the app's width: the sale on top, then search, the item keys (4 a row, small), the number pad, the actions */
body.sain .rg{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr;height:auto!important;min-height:0}
body.sain .rgl{max-height:34vh;border-right:0;border-bottom:1px solid var(--line)}
body.sain .rgr{gap:8px;padding:10px;overflow:visible}
body.sain .rgkeys{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
body.sain .rgk{min-height:0;padding:6px 7px;flex-direction:row;align-items:center;gap:6px;justify-content:flex-start}body.sain .rgk b{font-size:12px}body.sain .rgk span{font-size:11px}
body.sain .rgk .ie,body.sain .rgk .ipic{width:26px!important;height:26px!important;font-size:16px!important;flex:none}
body.sain .rgpad{gap:6px}body.sain .rgp{padding:7px 0;font-size:16px}
body.sain .rgact{gap:6px}body.sain .rgact .btn{padding:7px 4px;font-size:12px}
body.sain .rgtabs{flex-wrap:wrap;gap:6px}body.sain .rgtabs .cchip,body.sain .rgtabs button{padding:5px 10px;font-size:12px}
.acri{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:4px;border-radius:5px;background:#E7F2EA;color:#1F6F4A;font-size:12px;font-weight:800;cursor:pointer;vertical-align:middle}
.acrul{grid-column:1/-1;margin:-4px 0 8px;padding:8px 10px;border-radius:10px;background:#F2F8F3;border:1px solid #D5E6D9;font-size:13px;line-height:1.5;color:#1C2B22}
.acvia{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px}.acvia .btn{justify-content:center;padding:10px 6px}
.acvia{grid-template-columns:1fr 1fr!important}
.wwel{text-align:center;display:flex;flex-direction:column;gap:10px}.wwel img{width:64px;margin:0 auto}.wwh{font-size:20px;font-weight:800;color:#163B2C}.wwel .wwg{margin-top:4px}
.wwel .wwg{align-self:center;text-align:center}
.rptk[data-rptnext]{cursor:pointer}.rptk[data-rptnext]:hover{background:#F2F8F3}.rptk.on{box-shadow:0 0 0 2px var(--g,#1f6f4a) inset;background:#EAF3EC}.rpnext h3{display:flex;align-items:center;gap:6px}
.drckh{display:flex;align-items:center;gap:10px}.drckh .btn{margin-left:auto}.drckl{padding:4px!important;display:flex;flex-direction:column;gap:2px}.drckr{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer;color:inherit}.drckr i{flex:none;width:18px;height:18px;border:1.5px solid #C9D0C2;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800}.drckr.on{color:#5f6b63}.drckr.on i{background:#1F7A44;border-color:#1F7A44;color:#fff}
/* Inbox: how each chat came in, clear (Moses, Oct 29: "I should see it clear if it's a WhatsApp — it's too light") */
.ibl .ibch,.ibl .ibch.wa,.ibl .ibch.sms,.ibch.phone,.ibl .ibch.web{opacity:1!important;width:19px!important;height:19px!important;right:-4px!important;bottom:-4px!important}.ibl .ibch svg{width:11px!important;height:11px!important}
.ibchw{display:inline-block;flex:none;margin-right:5px;padding:0 5px;border-radius:5px;font-size:10.5px;font-weight:800;line-height:16px;color:#fff;background:#6b7280;vertical-align:1px}.ibchw.wa{background:#1FA855}.ibchw.sms{background:#2F6FD6}.ibchw.phone{background:#C2410C}.ibchw.web{background:#C98A12}.ibchw.email{background:#5B6470}
.ib2{display:flex;align-items:center;min-width:0}.ib2 .ibp{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ibac{font-size:10.5px!important;padding:0 4px!important}.ibnm{cursor:pointer;text-decoration:underline;text-decoration-color:#B8C6BC;text-underline-offset:3px}
.mrqhl{box-shadow:0 0 0 3px #E0B341;border-radius:10px}
.mgvia{margin-top:8px;width:100%}

/* Inbox: lighter channel words, the list as wide as you drag it (Moses, Oct 29) */
.ibchw{font-weight:600!important;font-size:11px!important;letter-spacing:.01em;line-height:17px!important;padding:0 6px!important;border-radius:6px!important}
@media (min-width:861px){html body .ibx{position:relative;grid-template-columns:var(--ibw,340px) minmax(0,1fr)!important}
.ibgrip{position:absolute;top:0;bottom:0;left:calc(var(--ibw,340px) + 2px);width:10px;cursor:col-resize;z-index:5;border-radius:5px}.ibgrip:hover,body.ibdrag .ibgrip{background:rgba(31,111,74,.15)}body.ibdrag{user-select:none;cursor:col-resize}}
@media (max-width:860px){.ibgrip{display:none}}
.ibl .ibnm{cursor:pointer}.ibl .ibnm:hover{text-decoration:underline}
/* department tiles: the department's color all the way AROUND the box, the logo alone in the middle (Joseph, Oct 29) */
html body .dpg.dg2 .dpc.dp2{border:3px solid var(--pc)!important}html body .dpg.dg2 .dp2.dlg .dpn2{display:none!important}html body .dpg.dg2 .dp2.dlg .dpl2{margin:10px!important;display:flex;align-items:center;justify-content:center}
/* search list = ONE line per item, more rows on the screen: no Single | Case buttons here (pick the case in the product card), price + Add on the right (Joseph, Oct 29: "only 2.5 rows, the cases not good") */
html body .sgp .sgr .shsc{display:none!important}html body .sgp{flex-wrap:nowrap!important}html body .sgp .sgpi{flex:1 1 auto;min-width:0}html body .sgp .sgr{flex-direction:row!important;align-items:center;gap:8px;flex:none}
/* every order line can be changed to another item (Moses, Oct 29: "no option to exchange the item if it picked the wrong one") */
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlmatch.sub{display:inline-block!important;background:#fff;color:#1F5A3D;border:1px solid #9FC2AD;font-weight:600}
/* Orders: the list panel never turns light blue on hover (the word-highlight class .dkl was shared with the panel) + the picked order clearly marked (Moses, Oct 29) */
.desk>.dkl,.desk>.dkl:hover{background:var(--surface,#fff)!important;cursor:default;padding:0;border-radius:var(--r,12px)}
.desk .dkls .orow{cursor:pointer;border-left:3px solid transparent;border-radius:8px}.desk .dkls .orow:hover{background:#F4F7F3}.desk .dkls .orow.on{background:#E7F2EA!important;border-left-color:#1F6F4A}

.ordchkb{margin:0 0 6px;width:100%;justify-content:center}.ordchk{margin:-4px 2px 6px 46px;font-size:11.5px;line-height:1.35;padding:4px 8px;border-radius:7px;background:#F4F5F2;color:#5B6660}.ordchk.yes{background:#E7F2EA;color:#1F6F4A;font-weight:600}.ordchk.no{background:#FBF1F0;color:#9A3428}
.ordtl-r .num{white-space:nowrap}
.ibarch{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#FBF1F0;color:#7A2E24;font-size:13px}.ibarch .btn{margin-left:auto}

/* website product page: where it sits in the store (Joseph, Oct 30) */
.ppab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#193F33;margin:4px 0 2px}

/* Receiving start — big, easy boxes on the scanners (Moses, Oct 30: "more accessible, bigger, easier to navigate"): one box per row, 58 px tall, big letters */
html body #main .rvset .pf-g{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}html body #main .rvset .pf-g .rvvf{grid-column:1/-1}
html body #main .rvset .pf-f>span{font-size:15px!important;font-weight:700!important;color:var(--ink,#1d2b24)!important;margin-bottom:3px;display:block;white-space:nowrap}
html body #main .rcard.rvset .pf-g .pf-f input,html body #main .rcard.rvset .pf-g .pf-f select{height:52px!important;min-height:52px!important;font-size:18px!important;padding:0 12px!important;border:2px solid var(--line)!important;border-radius:12px!important;width:100%;box-sizing:border-box}
html body #main .rvset .pf-f input:focus,html body #main .rvset .pf-f select:focus{border-color:var(--g,#1f6f4a)!important;outline:none}
html body #main .rvset .rvseg{gap:10px;margin:8px 0 12px}html body #main .rvset .rvseg button{min-height:64px!important;font-size:18px!important;border-radius:14px!important}
html body #main .rvset .rvsth{font-size:19px}html body #main .rvset .rvsth .btn{min-height:44px;font-size:16px}
html body #main .rvset .rvsug button{min-height:52px;font-size:18px}
/* customer card: Account PIN row + its buttons (Moses, Oct 30) */
.cpcard .spinr{border-bottom:0}.spinb{display:flex;gap:8px;padding:0 14px 12px 42px;flex-wrap:wrap}.spinb .btn{min-height:40px;padding:0 14px}.spinb .btn.dng{color:#b42318;border-color:#f1c6c2}
/* the hechsher logo in the Similar / Customers also bought rows = the size of the letters (Joseph, Oct 30: the OU showed huge) */
html body .shsim .bzh .hsv,html body .shsim .bzh img.hsv{height:1.2em!important;width:auto!important;max-width:2.6em!important;max-height:1.2em!important}html body .shsim .bzh svg.hsv{width:1.2em!important}

/* ✏️ order change box on the website (Moses, Oct 29) */
.chgbx{border:2px solid #E3A008;background:#FFF8E6;border-radius:12px;padding:10px 12px;margin:8px 0 12px;font-size:15px;line-height:1.45;color:#1d2b24}.chgbx.ok{border-color:#1f6f4a;background:#EEF7F1}
.chgbh{font-weight:800;margin-bottom:4px}.chgbs{font-size:13px;margin-top:6px;color:#4b5a51}.addl{font-style:normal;font-size:11px;font-weight:700;color:#1f6f4a;background:#E3F1E8;border-radius:6px;padding:1px 6px;margin-left:4px;white-space:nowrap}

/* night colors for the website order window (Moses, Oct 29: "night is almost not visible") */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rcpt .rg2{background:#24382D!important;color:#CFE8D8!important}:root:not([data-theme="light"]) .conf .cfhd img,:root:not([data-theme="light"]) .ordrc img[src*="word-g"]{filter:brightness(0) invert(1) opacity(.92)}:root:not([data-theme="light"]) .chgbx{background:#3A2F12;border-color:#C99A2E;color:#F6EBD0}:root:not([data-theme="light"]) .chgbx.ok{background:#16352A;border-color:#3E9B6E;color:#DDF3E6}:root:not([data-theme="light"]) .chgbs{color:#D9CFB8}:root:not([data-theme="light"]) .chgbx.ok .chgbs{color:#B9DCC8}:root:not([data-theme="light"]) .addl{background:#1F4A36;color:#BDEBD0}:root:not([data-theme="light"]) .ordhold{background:#2C2A1E;color:#F1E7C8}}
:root[data-theme="dark"] .rcpt .rg2{background:#24382D!important;color:#CFE8D8!important}:root[data-theme="dark"] .conf .cfhd img,:root[data-theme="dark"] .ordrc img[src*="word-g"]{filter:brightness(0) invert(1) opacity(.92)}:root[data-theme="dark"] .chgbx{background:#3A2F12;border-color:#C99A2E;color:#F6EBD0}:root[data-theme="dark"] .chgbx.ok{background:#16352A;border-color:#3E9B6E;color:#DDF3E6}:root[data-theme="dark"] .chgbs{color:#D9CFB8}:root[data-theme="dark"] .chgbx.ok .chgbs{color:#B9DCC8}:root[data-theme="dark"] .addl{background:#1F4A36;color:#BDEBD0}:root[data-theme="dark"] .ordhold{background:#2C2A1E;color:#F1E7C8}
/* the order's steps: tighter (Moses, Oct 29: redesign) */
#acOrdB .otl{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin:8px 0 10px!important}#acOrdB .otr{padding:5px 0;align-items:center}#acOrdB .otr .otd{width:24px;height:24px;font-size:12px}#acOrdB .otr b{font-size:15px;font-weight:600}#acOrdB .otr:not(.d):not(.on) b{color:var(--muted,#7a857e);font-weight:500}#acOrdB .otr.on b{font-weight:800}
.acpsw{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:2px 0;font:inherit;cursor:pointer;color:inherit}.acpsw i{width:44px;height:26px;border-radius:7px;background:#C9CFCB;position:relative;transition:background .15s;flex:none}.acpsw i:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:5px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .15s}.acpsw.on i{background:#1f6f4a}.acpsw.on i:after{left:21px}.acpsw b{font-size:15px}.cpr-v .acpsw+small{display:block}
/* a picked category / shelf folds the others (Joseph, Oct 30) */
.lvcol .lvmore{background:#fff;border-style:dashed}

.abtag{display:block;font-size:11px;font-weight:700;color:#193F33;margin-top:1px;white-space:nowrap;line-height:1.2}
/* ✏️ Change order = a big, clear button (Moses, Oct 29: "too small") */
html body .oagb[data-ochg],html body .ordacts [data-ordchg],html body .oagb.odelb{min-height:56px!important;font-size:18px!important;font-weight:800!important;border:2px solid var(--g,#1f6f4a)!important;color:var(--g,#1f6f4a)!important;border-radius:12px!important;width:100%;justify-content:center;display:flex;align-items:center;gap:8px}
html body .ordacts{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}html body .ordacts [data-ordchg]{grid-column:1/-1}html body .ordacts .btn{min-height:48px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .oagb.odelb,:root:not([data-theme="light"]) .oagb[data-ochg],:root:not([data-theme="light"]) .ordacts [data-ordchg]{color:#8FE0B3!important;border-color:#4FAF80!important}}:root[data-theme="dark"] .oagb.odelb,:root[data-theme="dark"] .oagb[data-ochg],:root[data-theme="dark"] .ordacts [data-ordchg]{color:#8FE0B3!important;border-color:#4FAF80!important}
.pkpartb{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;margin-top:10px;border:2px solid #C2410C;color:#C2410C;background:#FFF4ED;border-radius:12px;font:inherit;font-size:17px;font-weight:800}
.pkpart{display:flex;flex-direction:column;gap:10px}.pkpart .pkname{font-size:20px;font-weight:800}.pkpart .pksub2{font-size:17px;font-weight:700}.pkpart button{min-height:60px;font-size:17px!important;width:100%}.pkpart .pkno small{display:block;font-size:13px;font-weight:500;opacity:.85}
.odhw{display:grid;grid-template-columns:1fr 1fr;gap:10px}.odhw button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border:2px solid var(--line);border-radius:12px;background:var(--card,#fff);font:inherit;font-size:22px;color:inherit}.odhw button b{font-size:17px}.odhw button span{font-size:12px;opacity:.7}.odhw button.on{border-color:var(--g,#1f6f4a);background:#EEF7F1;color:#123d2b}
html body .oagb.odelb{min-height:52px;font-size:16px;font-weight:700;margin-top:8px}
html body .ordtl-r .num{width:auto!important;flex:none;white-space:nowrap}html body .ordtl-r{align-items:flex-start;gap:8px}html body .ordtl-r>span:last-child{flex:1;min-width:0} /* the date + time no longer run into the step (Moses, Oct 29) */
/* the picker app never moves sideways (Moses, Oct 29) */html.pkapp,html.pkapp body,body.pkapp{overflow-x:hidden!important;max-width:100vw;touch-action:pan-y}body.pkapp .pkaw,body.pkapp #main{max-width:100vw;overflow-x:hidden}
/* 📍 your open order on top of every website page (Moses, Oct 29) */
.lvb{display:flex;flex-direction:column;gap:8px;margin:10px 12px 4px}.lvo{display:block;width:100%;text-align:left;border:2px solid var(--g,#1f6f4a);background:#EEF7F1;color:#123d2b;border-radius:14px;padding:10px 12px;font:inherit;cursor:pointer}
.lvh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lvh b{font-size:16px}.lvh span{flex:1;min-width:0;font-size:14px;font-weight:600}.lvh i{font-style:normal;font-size:22px;font-weight:800}
.lvs{display:flex;gap:5px;margin-top:8px}.lvs i{flex:1;height:7px;border-radius:4px;background:#C9D3CC}.lvs i.d{background:#1f6f4a}.lvs i.on{background:#E3A008}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lvo{background:#16352A;color:#DDF3E6;border-color:#3E9B6E}:root:not([data-theme="light"]) .lvs i{background:#2f4a3d}:root:not([data-theme="light"]) .lvs i.d{background:#4FAF80}}:root[data-theme="dark"] .lvo{background:#16352A;color:#DDF3E6;border-color:#3E9B6E}:root[data-theme="dark"] .lvs i{background:#2f4a3d}:root[data-theme="dark"] .lvs i.d{background:#4FAF80}
.drmenu{display:block;width:calc(100% - 20px);margin:8px 10px;min-height:44px;font-size:16px;font-weight:700}
html body #main .rvset .pad{padding:10px 12px!important}html body #main .rvset .rvsth{margin:0!important}html body #main .rvset .rvbig[data-rvgo]{margin-top:12px!important;height:60px!important;min-height:60px!important} /* Receiving fits one scanner screen (Moses, Oct 29: "I shouldn't have to scroll") */
.ppw{display:flex;flex-direction:column;gap:6px}.ppl{font-weight:800;font-size:15px;margin-top:8px}.ppw .find{height:52px;font-size:18px}.ppok{color:#1f6f4a;font-weight:700}.ppn{display:flex;flex-wrap:wrap;gap:6px}.ppn button{min-width:46px;height:46px;border:2px solid var(--line);border-radius:10px;background:var(--card,#fff);font:inherit;font-size:17px;font-weight:700}.ppn button.on{border-color:#1f6f4a;background:#1f6f4a;color:#fff}.ppn .find{width:80px;height:46px}.pprow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.pprow .w{flex:1;min-width:0;display:flex;flex-direction:column}.pprow small{opacity:.7}
.accard.acst{background:linear-gradient(135deg,#1f6f4a,#2E8B5E)!important;color:#fff;cursor:pointer}.accard.acst .accm{background:rgba(255,255,255,.2)}
.pinbox{-webkit-text-security:disc;text-security:disc} /* PIN boxes are not password fields — the phone no longer offers to save / update a password (Moses, Oct 29) */
.accard.acst.acsel{outline:3px solid #8FE0B3;outline-offset:2px}
.occ{display:flex;flex-direction:column;gap:6px;padding:8px 12px 12px;max-height:320px;overflow:auto}.ocm{max-width:85%;padding:7px 10px;border-radius:10px;font-size:14px;line-height:1.35}.ocm small{display:block;font-size:11px;opacity:.7;margin-top:3px}.ocm.in{background:var(--surface-2,#eef1ee);align-self:flex-start}.ocm.out{background:#DDF3E6;color:#123d2b;align-self:flex-end}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ocm.out{background:#16352A;color:#DDF3E6}}:root[data-theme="dark"] .ocm.out{background:#16352A;color:#DDF3E6}
.pkmk{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 4px;margin-right:6px;border-radius:6px;font-size:13px;font-weight:800;background:#E8ECE9;color:#7a857e;vertical-align:1px}.pkmk.ok{background:#1f6f4a;color:#fff}.pkmk.out{background:#B42318;color:#fff}.pkmk.part{background:#E3A008;color:#fff}

/* pick marks MINI, in front of the name like the customer's (Moses, Oct 30) */
html body :is(#main,.modal) table.rlt.rpt tr.rli .rlit b .pkmk{min-width:15px;height:15px;padding:0 3px;margin-right:5px;border-radius:4px;font-size:10px;line-height:15px;vertical-align:1px}
/* 🏠 the website logo: a bigger tap area (Joel, Oct 30) — padding with a matching minus margin, so nothing on screen moves */
.shh img[data-shtab="home"]{box-sizing:content-box;padding:8px 6px;margin:-8px -6px;touch-action:manipulation}
/* pick marks SMALL — a plain little ✓ / ✕ / 2/3 before the name, no box (Moses, Oct 30: "you made it so big, make it small") */
html body :is(#main,.modal) .rlit .pkmk{min-width:0!important;height:auto!important;padding:0!important;margin:0 4px 0 0!important;background:none!important;border:0!important;border-radius:0!important;font-size:11px!important;line-height:1!important;font-weight:800;vertical-align:1px;display:inline!important}
html body :is(#main,.modal) .rlit .pkmk.ok{color:#1f6f4a!important}html body :is(#main,.modal) .rlit .pkmk.out{color:#B42318!important}html body :is(#main,.modal) .rlit .pkmk.part{color:#8A5A00!important}html body :is(#main,.modal) .rlit .pkmk:not(.ok):not(.out):not(.part){color:#9aa39d!important}
[data-theme="dark"] html body :is(#main,.modal) .rlit .pkmk.ok,:root[data-theme="dark"] body .rlit .pkmk.ok{color:#6fd39b!important}
/* ORDER WINDOW ITEMS = MINI, like the customer's list (Moses, Oct 30: "nice and mini with the little checks… shouldn't be so big") */
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli{padding:4px 0!important;column-gap:5px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpic{width:28px!important;height:28px!important;border-radius:6px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit{gap:7px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit b{font-size:12px!important;line-height:1.25!important;font-weight:600!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlit .small{font-size:10.5px!important;line-height:1.3!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlmatch.sub{padding:0 5px!important;font-size:10px!important;line-height:16px!important;border-radius:5px!important;min-height:0!important;height:auto!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm{gap:2px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm .btn{width:22px!important;height:22px!important;min-height:0!important;font-size:12px!important;border-radius:6px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlpm input.rlg{width:26px!important;height:22px!important;font-size:11.5px!important;border-radius:6px!important;padding:0 2px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .rlx{width:22px!important;height:22px!important;min-height:0!important;font-size:10px!important;border-radius:6px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli td.num,html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli td.r{font-size:12px!important}
html body :is(#main,.modal) table.rlt.rlt.rlt.rlt.rlt.rpt tr.rli .tag{font-size:10px!important;padding:1px 5px!important}
.modal.chatm .sxbar{margin:4px 8px!important;padding:6px 10px!important;font-size:12px;gap:8px;flex-wrap:wrap}.modal.chatm .sxbar .btn.sm{min-height:26px;padding:2px 8px;font-size:11.5px}

/* store app: an order = only its boxes (Moses, Oct 30) */
.bxrow{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:8px 10px;border:1px solid var(--line,#e3e7e1);border-radius:10px;margin:0 0 6px}.bxrow span{grid-column:1;font-size:13px}.bxrow code{grid-column:2;grid-row:1;font-size:12px;color:#6b776f}.bxrow i{grid-column:2;grid-row:2;font-style:normal;font-size:12px;color:#8a5a00}.bxrow.on{border-color:#9FC2AD;background:#F1F7F3}.bxrow.on i{color:#1f6f4a;font-weight:700}

/* order chat input (Moses, Oct 30) */
.ocin{display:flex;gap:8px;margin-top:8px}.ocin input{flex:1;min-width:0;height:40px;border:1px solid var(--line,#e3e7e1);border-radius:10px;padding:0 10px;font:inherit;background:var(--surface,#fff);color:inherit}.ocin .btn{height:40px}
[data-ocbox] .occ{max-height:46vh;overflow:auto}
/* the WEBSITE from the first paint (early.js html.shopsite, Tab #137): no staff side column before the app sets the page classes — no sideways jump */
html.shopsite body:not([class*="pg-"]) .app{display:block}html.shopsite body:not([class*="pg-"]) .side,html.shopsite body:not([class*="pg-"]) .mob{display:none}html.shopsite body:not([class*="pg-"]) main{padding:0}
/* 💵 tip the driver on a delivered order (Joseph, Oct 30) */
.tipb2{border:1.5px solid var(--g,#1f6f4a);border-radius:12px;padding:10px 12px;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.tipb2 .tipr{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.tipb2 .tipr .btn{min-height:44px;flex:1;min-width:58px;font-weight:800}
.tipok{background:#EAF5EE;color:#193F33;border-radius:12px;padding:10px 12px;margin:0 0 10px;font-weight:700}

/* 📷 the door pictures in the order window (Moses, Oct 30) */
.podw{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:10px 0}.podw img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:1px solid var(--line,#e3e7e1);display:block}
/* in the cart: the price + aisle stay over the − qty + pill, same layout as Add (Joseph, Oct 30) */
html body .shpw.on{flex-direction:column;align-items:stretch;gap:4px}html body .shpa.shpq{flex-direction:column;align-items:stretch;gap:6px}html body .shpa.shpq .shpill{width:100%}
html body .shc .shpw .shadd2,html body .shc .shpw .shpill{height:40px!important;min-height:40px!important;box-sizing:border-box}html body .shc .shpw.on{gap:4px}html body .shc .shpw .shpa{gap:6px}
/* the order ribbon = ONE fixed line — never taller for a longer step name (Joseph, Oct 30: "keeps falling down") */
html body .lvo .lvh{display:flex!important;align-items:center;gap:8px;flex-wrap:nowrap!important;min-width:0}html body .lvo .lvh b{flex:none;white-space:nowrap}html body .lvo .lvh span{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body .lvo .lvh i{flex:none}
@media (max-width:640px){html body .lvo .lvh{font-size:14px}html body .lvo .lvh b{font-size:14px}}
/* website pictures wait in data-psrc until near the screen (app.js pxGo) — no alt text / broken box meanwhile */
.ipic img[data-psrc]{visibility:hidden}
/* 🧺 picker: ALL ORDERS TO PICK (Joseph, Oct 30) — one card per order, a coloured status band, the departments with their ready time */
.pkall{display:flex;flex-direction:column;gap:12px}
.pksum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pksum span{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.pksum b{font:900 26px/1 Inter,Arial,sans-serif;margin-bottom:3px}
.pksum .rd{background:#E7F4EA;color:#14532D}.pksum .wt{background:#FFF4DB;color:#7A4B00}.pksum .pg{background:#E6F0FA;color:#12406B}
.pkoc{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;padding:14px;border:2px solid #E3E8DC;border-radius:16px;background:#fff;color:#193F33;font:inherit;cursor:pointer;box-shadow:0 1px 2px rgba(25,63,51,.06)}
.pkoc.k0{border-color:#2E7D4F}.pkoc.k1{border-color:#E3A008}.pkoc.k2{border-color:#3B82C4}.pkoc.prio{box-shadow:0 0 0 3px #FDE68A}
.pkoh{display:flex;align-items:center;gap:8px}.pkoh b{font:900 24px/1 Inter,Arial,sans-serif}.pkpr{display:inline-flex;align-items:center;gap:3px;background:#FEF3C7;color:#92400E;border-radius:8px;padding:3px 7px;font-size:12px;font-weight:800}.pkpr.t{background:#EEF0E6;color:#5B6B60}
.pkdue{margin-left:auto;font-size:14px;font-weight:800;color:#193F33;white-space:nowrap}
.pkom{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:#4B5A50}.pkom span{display:inline-flex;align-items:center;gap:5px}.pkom .pkcu{flex-basis:100%;font-size:16px;font-weight:700;color:#193F33}
.pkos{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 12px;font-size:15px}.pkos b{font-weight:900}.pkos span{margin-left:auto;font-weight:700;white-space:nowrap}
.pkos.rd{background:#2E7D4F;color:#fff}.pkos.wt{background:#FFF4DB;color:#7A4B00;border:1px solid #F5D58A}.pkos.pg{background:#E6F0FA;color:#12406B}
.pkdl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pkdlt{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#6B7A70;margin-right:2px}
.pkdl em{font-style:normal;font-size:13px;padding:5px 9px;border-radius:9px;background:#F2F4EC;color:#193F33}.pkdl em b{font-weight:800}.pkdl em.ok{background:#E7F4EA;color:#14532D}.pkdl em.late{background:#FDECEC;color:#9B1C1C}
html body .pkoc{align-items:stretch!important;justify-content:flex-start!important}html body .pkoc .pkoh,html body .pkoc .pkom{width:100%;justify-content:flex-start!important}
/* 🚚 DRIVER APP = big cards like the picker (Joseph, Oct 30: "every step comes up big, all the buttons big — they use the picking devices") */
.drx{display:flex;flex-direction:column;gap:12px;margin:4px 0 14px}
.drxh{background:#fff;border:2px solid #DCE5D2;border-radius:18px;padding:18px 16px;text-align:center;box-shadow:0 1px 3px rgba(25,63,51,.08)}
.drxl{font:800 14px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5B6B60}
.drxn{font:900 30px/1.15 Inter,Arial,sans-serif;color:#14261D;margin-top:6px}.drxa{font-size:18px;color:#3F4E45;margin-top:6px}
.drxbig{font:900 72px/1 Inter,Arial,sans-serif;color:#193F33;margin-top:6px}.drxbig small{font-size:32px;color:#6B7A70}
.drxnote{display:flex;align-items:flex-start;gap:8px;justify-content:center;margin-top:10px;font-size:16px;background:#FFF8E1;border-radius:12px;padding:10px 12px;color:#5C4200;text-align:left}
.drxpr{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:#FEF3C7;color:#92400E;border-radius:10px;padding:6px 12px;font-weight:800}
.drxact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drxact button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:92px;border:2px solid #CFE0C9;border-radius:16px;background:#F4F8EF;color:#193F33;font:800 15px Inter,Arial,sans-serif;cursor:pointer;padding:8px 4px}
.drxs{background:#fff;border:2px solid #E3E8DC;border-radius:18px;padding:14px 14px 16px}.drxs.drnow{border-color:#2E7D4F;box-shadow:0 0 0 4px #E3F2E7}.drxs.drok{border-color:#B9DCC4;background:#F6FBF7}
.drxsh{display:flex;align-items:center;gap:10px}.drxsh b{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#193F33;color:#fff;font:900 17px Inter,sans-serif}.drxs.drok .drxsh b{background:#2E7D4F}
.drxsh span{flex:1;min-width:0;font:800 19px Inter,Arial,sans-serif;color:#14261D}.drxsh span small{font-weight:600;color:#6B7A70;font-size:14px}.drxsh em{font-style:normal;font:900 22px Inter,sans-serif;color:#193F33;white-space:nowrap}
.drxbx{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.drxbx i{font-style:normal;min-width:58px;text-align:center;padding:10px 12px;border-radius:12px;border:2px dashed #C9D5BE;font:800 17px Inter,sans-serif;color:#5B6B60}.drxbx i.on{border-style:solid;border-color:#2E7D4F;background:#2E7D4F;color:#fff}
.drxscan{display:flex;align-items:center;gap:12px;background:#E8F3EC;border-radius:16px;padding:16px;margin-top:12px;font:800 19px/1.3 Inter,Arial,sans-serif;color:#1F5E3B}.drx>.drxscan{margin-top:0}
.drxin{margin-top:10px}.drxin .find{height:56px!important;font-size:18px!important}.drxin .btn{min-height:56px!important;min-width:64px;font-size:17px!important}
.drxpic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;margin-top:12px;border:3px dashed #2E7D4F;border-radius:18px;background:#F4F8EF;color:#193F33;font:800 18px Inter,Arial,sans-serif;cursor:pointer;text-align:center;padding:10px}.drxpic.off{border-color:#C9D5BE;color:#9AA79E;background:#F7F8F4;cursor:default}.drxpic.done{border-style:solid;background:#E7F4EA;color:#14532D}
.drxpimg{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:16px;margin-top:12px}
.drxdone{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:76px;border:0;border-radius:18px;background:#193F33;color:#fff;font:900 22px Inter,Arial,sans-serif;cursor:pointer}.drxdone[disabled]{background:#DDE3DA;color:#5B6B60;cursor:default}
.drxnext{text-align:center;font-size:14px;color:#5B6B60}.drxover{align-self:center;font-size:15px}
/* truck check — big rows */
html body .drckl .drckr{min-height:64px;font-size:18px!important;font-weight:700;border-radius:14px}html body .drckl .drckr i{width:32px;height:32px;font-size:18px}html body .drckh .btn{min-height:52px;font-size:17px}
html body .drxin{display:flex!important;gap:8px;align-items:stretch}html body .drxin .find{flex:1 1 auto!important;min-width:0!important;width:auto!important}html body .drxin .btn{flex:0 0 auto!important;min-width:56px!important;padding:0 12px!important}
/* 🔔 Notifications window (Moses, Oct 30) — app.js cmpSheet */
.cmni{margin:2px 2px 10px}
.cmnc{padding:10px 12px;margin-bottom:10px}
.cmnh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmnic{font-size:18px;width:24px;text-align:center}
.cmnv{flex:1;min-width:140px;display:flex;flex-direction:column;line-height:1.25}
.cmnv b{word-break:break-all}.cmnv small{color:var(--mut,#6b7a70);font-size:12px}
.cmnh .cchip.on{background:var(--brand,#1f7a3d);color:#fff;border-color:transparent}
.cmnev{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:8px}
.cmnk{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#dfe6e1);border-radius:10px;font-size:14px;cursor:pointer}
.cmnk input{width:18px;height:18px;margin:0;accent-color:var(--brand,#1f7a3d)}
.cmnk:has(input:checked){border-color:var(--brand,#1f7a3d);background:color-mix(in srgb,var(--brand,#1f7a3d) 8%,transparent)}
.cmnadd{display:flex;gap:8px;margin:4px 0 10px}.cmnadd input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line,#dfe6e1);border-radius:10px;font-size:15px;background:var(--card,#fff);color:inherit}
.cmnmsg{margin:0 2px 8px}.cmnsv .btn{width:100%;height:46px}
.cmnrow .cpr{width:100%;background:none;border:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
@media (max-width:640px){.cmnev{grid-template-columns:1fr 1fr}.cmnk{font-size:13px;padding:8px}}
/* price + per-oz on ONE line (Joseph, Oct 30: "how much per … right next to price") — aisle stays on its own line above */
.shpa .prbw{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px}.shpa .prbw .upr{white-space:nowrap}
/* stock + aisle · bay on one row (Joseph, Oct 30) */
.shp>.stkr{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;min-height:1.3em;margin-top:2px;line-height:1.3}
html body .shp>.stkr .stk,html body .shp>.stkr .abtag{display:inline;margin:0;white-space:nowrap;overflow:visible;font-size:10.5px!important;letter-spacing:-.1px}
.shp>.stkr .abtag{font-weight:600}.shp>.stkr .abtag+.stk::before{content:"|";margin-right:4px;color:#8A968F;font-weight:400}
/* 📦 family pack hint on the picker card (Moses, Oct 30) */
.pkpack{display:flex;gap:10px;align-items:center;margin:8px 0;padding:10px 12px;border-radius:10px;background:#fff4d6;border:2px solid #e0a800;color:#4a3800;font-weight:700;font-size:16px;text-align:left}
.pkpack small{display:block;font-weight:500;font-size:13px;margin-top:2px}
/* 📦 Inventory adjustments (Moses, Oct 30) — app.js iadView */
.iad{max-width:760px}
.iadpl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 14px}
.iadpl button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 10px;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer}
.iadpl b{font-size:19px}.iadpl span{font-size:13px;color:var(--mut,#6b7a70)}
.iadrb{display:grid;gap:8px}.iadrb .btn{justify-content:flex-start}
.iadhd{display:flex;align-items:center;gap:10px;margin:0 0 8px}.iadhd .sp{flex:1}
.iadq input{width:100%;height:48px;font-size:16px;box-sizing:border-box}
.iadres{display:grid;gap:6px;margin:8px 0}.iadres button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 12px;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer}
.iadres span{font-size:12px;color:var(--mut,#6b7a70)}
.iadmsg{margin:8px 2px}.iadok{color:var(--brand,#1f7a3d);font-weight:600}
.iadit{padding:12px;margin-top:10px}.iadnm{display:flex;gap:12px;align-items:center}.iadnm img{width:56px;height:56px;object-fit:contain;border-radius:10px;background:#fff}
.iadnm span{display:flex;flex-direction:column}.iadnm b{font-size:17px}.iadnm small{color:var(--mut,#6b7a70)}
.iadoh{display:flex;align-items:baseline;justify-content:space-between;margin:12px 0 6px;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--brand,#1f7a3d) 7%,transparent)}
.iadoh b{font-size:30px}
.iadbt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.iadbt .btn{min-height:44px}.iadask{flex:1;font-weight:600}
.iadwhy{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.iad3{grid-template-columns:repeat(3,minmax(0,1fr))}
.iadpk{padding:8px 10px;border-radius:10px;background:#fff4d6;border:1px solid #e0a800;color:#4a3800;font-weight:600;margin-bottom:6px}
tr.iadnew td{border-top:2px solid var(--line,#cfd9d2)}
html body .shpa .prbw{column-gap:4px}html body .shpa .prb s{font-size:11px;margin-left:3px}html body .shpa .prbw .upr{font-size:10.5px;letter-spacing:-.2px} /* case price + old price + per ct on ONE row (Joseph, Oct 30) */
/* 🎨 Picker DESIGN A (Moses, Oct 30) — app.js pkaOrderH */
.pkoh.pkA{background:#1f4d33;color:#fff;border-radius:0;margin:0 -12px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.pkoh.pkA .w{flex:1;display:flex;flex-direction:column}.pkoh.pkA .w b{font-size:19px;color:#fff}.pkoh.pkA .w span{font-size:14px;opacity:.85;color:#fff}
.pkoh.pkA .pkic{background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:12px}
.pkAbar{height:10px;background:#cfe3d5;margin:0 -12px}.pkAbar i{display:block;height:100%;background:#2fa35a;transition:width .3s}
.pkAst{display:flex;gap:6px;align-items:stretch;margin:10px 0}
.pkAst>span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;padding:6px 2px;font-size:12px;font-weight:700;background:#eef4ef;color:#3c4a40}
.pkAst>span b{font-size:22px;line-height:1.1}.pkAst .ok b{color:#1f7a3d}.pkAst .no b{color:#c0392b}.pkAst .lf b{color:#1d2a22}
.pkAlist{flex:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:#1f4d33;color:#fff;font-weight:800;font-size:15px;min-height:62px;cursor:pointer}
.pkAloc{display:flex;width:100%;gap:8px;background:#1f4d33;color:#fff;border:0;border-radius:14px;padding:10px 12px;margin:0 0 10px;cursor:pointer;font:inherit}
.pkAloc div{flex:1;text-align:center}.pkAloc small{display:block;font-size:12px;font-weight:700;opacity:.75;letter-spacing:.5px;text-transform:uppercase}.pkAloc big{font-size:30px;font-weight:900;line-height:1.15}
.pkAloc.none{background:#fff4d6;color:#4a3800;border:2px dashed #e0a800}.pkAloc .w{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:16px;min-height:44px}
.pkAcard{background:#fff;border-radius:18px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center}
.pkAcard .pkimg{width:100%;height:170px;object-fit:contain;border-radius:12px;background:#f6f8f6}
.pkAcard .pkqty{font-size:64px;font-weight:900;color:#1f4d33;line-height:1}.pkAcard .pkqty small{font-size:22px;color:#55665a}
.pkAcard .pkname{font-size:21px;font-weight:800;margin-top:6px}
.pkAcnt{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center;margin:10px 0 2px}.pkAcnt i{width:22px;height:22px;border-radius:6px;background:#dfe7e1}.pkAcnt i.d{background:#2fa35a}.pkAcnt span{width:100%;font-weight:800;font-size:15px;color:#3c4a40}
.pkAact{display:flex;flex-direction:column;gap:10px;margin:12px 0}
.pkAscan{display:flex;align-items:center;justify-content:center;gap:12px;min-height:92px;border:0;border-radius:16px;background:#2fa35a;color:#fff;font-size:26px;font-weight:900;cursor:pointer}
.pkAscan span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.pkAscan small{font-size:13px;font-weight:600;opacity:.9}
.pkA2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pkAout,.pkAsub{min-height:76px;border:0;border-radius:16px;color:#fff;font-size:19px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.pkAout{background:#c0392b}.pkAsub{background:#55665a}
.pkA2 .pkAout:only-child{grid-column:1/3}
button.pknext{width:100%;border:1px solid #dfe7e1;background:#fff;border-radius:12px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;cursor:pointer;font:inherit;color:inherit}
.pkAcard .pkbcd{display:flex;justify-content:center;align-items:center;gap:6px}
.pkAloc{cursor:default}
.pkAcard .pkimg{height:230px}
.pkAnoimg{height:120px;border-radius:12px;background:#f1f4f1;border:2px dashed #cfd9d2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#66756b;font-weight:700;margin-bottom:6px}
.cmnoff{margin:8px 2px 0}
/* 📱 Picker order = ONE full screen, no scrolling (Moses, Oct 30) — the picture takes what is left */
.pkAfs{position:fixed;inset:0;z-index:40;background:var(--bg,#f7f8f3);display:flex;flex-direction:column;padding:0 10px env(safe-area-inset-bottom);max-width:760px;margin:0 auto;overflow:hidden}
.pkAfs .pkoh.pkA{margin:0 -10px;padding:6px 10px;flex:none}.pkAfs .pkoh.pkA .pkic{width:42px;height:42px}.pkAfs .pkoh.pkA .w b{font-size:17px}.pkAfs .pkoh.pkA .w span{font-size:13px}
.pkAfs .pkAbar{margin:0 -10px;height:6px;flex:none}
.pkAfs .pkAst{margin:6px 0;flex:none}.pkAfs .pkAst>span{padding:3px 2px;font-size:11px}.pkAfs .pkAst>span b{font-size:18px}.pkAfs .pkAlist{min-height:46px;font-size:14px}
.pkAfs .pknote2,.pkAfs .pknosub,.pkAfs .pkbkb{flex:none;margin:0 0 6px;padding:4px 8px;font-size:13px}
.pkAfs .pkAloc{flex:none;padding:4px 8px;margin:0 0 6px}.pkAfs .pkAloc big{font-size:24px}.pkAfs .pkAloc small{font-size:10px}.pkAfs .pkAloc .w{min-height:32px;font-size:14px}
.pkAfs .pkAcard{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:8px 10px;overflow:hidden;gap:0}
.pkAfs .pkAcard>*{flex:none;margin-top:2px;margin-bottom:2px}
.pkAfs .pkAcard .pkimg,.pkAfs .pkAcard .pkAnoimg{flex:1 1 0;min-height:0;height:auto;width:100%;object-fit:contain;margin:0 0 4px}
.pkAfs .pkAcard .pkbl{font-size:11px}.pkAfs .pkAcard .pkqty{font-size:46px}.pkAfs .pkAcard .pkqty small{font-size:18px}
.pkAfs .pkAcard .pkname{font-size:19px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pkAfs .pkAcard .pkbcd,.pkAfs .pkAcard .pkst{font-size:13px}
.pkAfs .pkAcard .pksub2,.pkAfs .pkAcard .pksp,.pkAfs .pkAcard .pkcn,.pkAfs .pkAcard .pkadd{font-size:12px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkAfs .pkAcard .pkpack{font-size:13px;padding:6px 8px;margin:4px 0}
.pkAfs .pkAcnt{margin:4px 0 0;gap:4px}.pkAfs .pkAcnt i{width:16px;height:16px}.pkAfs .pkAcnt span{font-size:13px}
.pkAfs .pkAact{flex:none;margin:6px 0 0;gap:6px}.pkAfs .pkAscan{min-height:66px;font-size:22px}.pkAfs .pkAout,.pkAfs .pkAsub{min-height:54px;font-size:17px}
.pkAfs .pktyl{font-size:13px;margin:0;padding:2px}
.pkAfs button.pknext{flex:none;margin-top:6px;padding:6px 10px;flex-direction:row;gap:8px;align-items:center;white-space:nowrap;overflow:hidden}.pkAfs button.pknext b{overflow:hidden;text-overflow:ellipsis}
.pkAfs .pklinks{flex:none;margin:4px 0 6px}.pkAfs .pklinks [data-pkaall]{display:none}
.pkAfs .pkfin{justify-content:center}
/* 🧺 picking LIST rows — big location + 4 big buttons (Moses, Oct 30) */
.pklc.pklcB{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:800;color:#fff;background:#1f4d33;border-radius:10px;padding:6px 10px;margin:6px 0;width:fit-content;max-width:100%}
.pkb.pkb4{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;width:100%}
.pkb4 button{min-height:56px;border:0;border-radius:12px;color:#fff;font-weight:900;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit}
.pkb4 .pkb-s{background:#2fa35a}.pkb4 .pkb-g{background:#1f4d33}.pkb4 .pkb-o{background:#c0392b}.pkb4 .pkb-r{background:#55665a}
/* 🧺 picking LIST rows — compact (Moses, Oct 30: "too big — same idea, smaller, needs the item picture") */
.pklc.pklcB{font-size:14px;padding:3px 8px;margin:4px 0;border-radius:8px}
.pkb.pkb4{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
.pkb4 button{min-height:44px;font-size:13px;border-radius:10px;gap:4px;padding:0 4px}
.pkb4 button svg{width:18px;height:18px}
.pkr .pkri{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#fff;flex:none}
.pkr .pknoi{display:flex;align-items:center;justify-content:center;background:#f1f4f1;color:#9aa69d}
.pkr .pkfoc{min-height:38px;font-size:14px;padding:4px 10px;margin-top:4px}
.pkr .pkw{font-size:14px}.pkr .pkw input{height:36px}
@media (max-width:380px){.pkb.pkb4{grid-template-columns:1fr 1fr}}
.pkr .pkb.pkb4{grid-template-columns:1fr 1fr}
.pkr .pkb4 button{min-height:42px;font-size:14px;white-space:nowrap}
.pkr .pklc.pklcB{font-size:14px;line-height:1.25;padding:4px 8px}
.pkr .pklc.pklcB svg{width:16px;height:16px;flex:none}
.pkr .pkq{min-width:44px;padding:6px 4px}
.pkr .pkri{width:56px;height:56px}
/* 🧺 picking LIST — small (Moses, Oct 30: "still too big") */
.pkr{padding:8px 10px!important;gap:8px!important}
.pkr .pkq{min-width:38px;padding:4px 2px;font-size:20px}.pkr .pkq small{font-size:10px}
.pkr .pkri{width:48px;height:48px}
.pkr .w b{font-size:15px;line-height:1.25}.pkr .pknm{cursor:pointer;text-decoration:underline;text-decoration-color:#cfd9d2;text-underline-offset:3px}
.pkr .pklc.pklcB{font-size:12px;padding:2px 7px;margin:3px 0;border-radius:6px}
.pkr .small.mut{font-size:11px}
.pkr .pkfoc{display:none}
.pkr .pkw.pkwq{display:none}
.pkr .pkb.pkb4{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:5px}
.pkr .pkb4 button{min-height:34px;font-size:12px;border-radius:8px;gap:3px;padding:0 2px}
.pkr .pkb4 button svg{width:14px;height:14px}
.pkr .pkpack{font-size:12px;padding:5px 8px;margin:4px 0;gap:6px;border-width:1.5px}.pkr .pkpack small{font-size:11px}.pkr .pkpack svg{width:16px;height:16px;flex:none}
.pkr .pkpack small{display:inline;font-weight:500;opacity:.8}
/* 🧺 picking LIST — bigger picture on the left, the quantity on the RIGHT (Moses, Oct 30) */
.pkr .pkri{width:76px;height:76px;order:0}
.pkr .w{order:1;flex:1;min-width:0}
.pkr .pkq{order:2;align-self:flex-start;min-width:46px;font-size:22px}
/* 🧺 picking LIST row as a grid — picture | name + brand | quantity, then the aisle·bay, pack line and buttons run the full width to the right (Moses, Oct 30) */
.pkl .pkr:not(.done):not(.pkwh){display:grid!important;grid-template-columns:76px minmax(0,1fr) auto;column-gap:10px;row-gap:0;align-items:start}
.pkl .pkr:not(.done):not(.pkwh)>.pkri{grid-column:1;grid-row:1/4}
.pkl .pkr:not(.done):not(.pkwh)>.pkq{grid-column:3;grid-row:1/3}
.pkl .pkr:not(.done):not(.pkwh)>.w{display:contents}
.pkl .pkr:not(.done):not(.pkwh)>.w>*{grid-column:2/4}
.pkl .pkr:not(.done):not(.pkwh)>.w>b,.pkl .pkr:not(.done):not(.pkwh)>.w>.pkbr{grid-column:2}
.pkl .pkr:not(.done):not(.pkwh) .pklc.pklcB{width:auto;max-width:none}
/* ⬇ warehouse ticket = the same design (Moses, Oct 30) */
.pkr .pkb.pkb4.pkb3{grid-template-columns:repeat(3,1fr)}
.whpackb{background:#2fa35a!important;color:#fff!important;border:0!important;min-height:54px;font-size:17px!important;font-weight:900!important;display:flex;align-items:center;justify-content:center;gap:8px}
.whst{margin:8px 0}
.pkAscanbox .pad{padding:8px 10px}.pkAscanbox{margin:0 0 8px}
.pkam>.pkoh.pkA:first-child{margin-top:-8px}
.stfhas{background:#e6f3ea!important;color:#1f6f43!important;border-color:#bfe0c9!important;cursor:default;pointer-events:none}
.ivg input,.ivg select{width:100%;min-width:0;box-sizing:border-box}

/* 🔢 app username → PIN screen (Moses, Oct 30) = the sign-in gate look */
#apGate{position:fixed;inset:0;z-index:2147483100;background:#193F33;display:grid;place-items:center;padding:16px;overflow:auto}
#apGate .igc{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:22px}#apGate img{width:190px;height:auto}
#apGate .igb{width:100%;background:#fff;color:#1B2420;border-radius:14px;padding:20px 18px}#apGate h2{margin:0 0 8px;font-size:20px}
#apGate input{width:100%;box-sizing:border-box;height:44px;font-size:16px}#apGate .acts .btn{width:100%;justify-content:center}
#apSw{position:fixed;left:10px;bottom:10px;z-index:2147483000;background:#193F33;color:#fff;border:0;border-radius:10px;padding:8px 12px;font:600 13px Inter,sans-serif;opacity:.85}
.accg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}@media(max-width:640px){.accg{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acct{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line,#dfe5e0);border-radius:10px;background:var(--card,#fff);color:var(--ink,#1B2420);font:600 13px Inter,sans-serif;text-align:left;min-height:44px}
.acct .acck{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line,#c9d3cc);display:grid;place-items:center;font-size:12px;flex:none}.acct.on .acck{background:#193F33;border-color:#193F33;color:#fff}.acct.on{border-color:#193F33}
.accx{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:13px}
[data-accp],[data-stfo],[data-ihper],.tm1r{-webkit-user-select:none;user-select:none} /* a tap on a person never paints the whole page blue (text selection, Moses, Oct 30) */
html.desk-own .pkah{padding-right:132px!important} /* the computer program's ─ ☐ ✕ never cover the Store app's Exit / ES buttons (Moses, Oct 30) */

/* 🌳 Team — 4 levels (Moses, Oct 30) */
.tmbxs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.tmbx{background:var(--card,#fff);border:1px solid var(--line,#E3E7DE);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tmbx b{font-size:22px}
.tmtabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}.tmtab{border:0;border-radius:12px;color:#fff;font:800 14px Inter,sans-serif;padding:11px 12px;display:flex;align-items:center;gap:8px;opacity:.5}.tmtab.on{opacity:1}.tmtab .n{margin-left:auto;background:rgba(255,255,255,.22);border-radius:6px;padding:1px 8px}
.tmlay{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:start}.tmlay.one{grid-template-columns:1fr}.tml{padding:12px}.tmc{padding:16px;position:sticky;top:10px}
.tmq{width:100%;margin-bottom:6px}.tmgh{color:#fff;font:800 11px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:8px;margin:10px 0 4px}
.tmr{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;border-bottom:1px solid var(--line,#EEF1EA);background:none;text-align:left;color:inherit;font:inherit;-webkit-user-select:none;user-select:none}.tmr.ind{padding-left:30px}.tmr.on{background:#EEF3EA;border-radius:10px}.tmr .w{flex:1;min-width:0;display:flex;flex-direction:column}.tmr .w .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tms{white-space:nowrap}
.tmav{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;flex:none}.tmav.big{width:52px;height:52px;font-size:18px}
.tmd{display:inline-block;width:9px;height:9px;border-radius:3px;background:#C9CFC6}.tmd.on{background:#2E9E5B}.tmd.lk{background:#B3261E}
.tmch{display:flex;gap:12px;align-items:center;margin-bottom:6px}.tmch .w{display:flex;flex-direction:column;gap:2px;min-width:0}.tmch b{font-size:18px}
.tmg3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}
@media(max-width:640px){.tmbxs{grid-template-columns:repeat(3,minmax(0,1fr))}.tmtabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tmtab{padding:9px 10px;font-size:13px}}
.tmc .chips{flex-wrap:wrap;overflow:visible}
@media(max-width:640px){.tmbxs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.tmbx{padding:6px;border-radius:9px}.tmbx b{font-size:16px}.tmbx .small{font-size:10px;line-height:1.15}.tmtabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tmtab{font-size:12px;padding:8px}}

/* FULL WIDTH (Joseph, Oct 30) */
@media (min-width:900px){body .hmpage,body .shtrk,body .shm,body.regmode main.vpm,body .acpage{max-width:none!important;margin-left:0;margin-right:0}body .hmpage{padding-left:24px;padding-right:24px}
 body .hmpage .hcg.hcp.hc6{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}body .hmpage .hmsps{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}
.abl{cursor:pointer;text-decoration:underline;text-decoration-color:rgba(0,0,0,.25);text-underline-offset:2px}.abl:hover{color:var(--brand,#1F4A3A);text-decoration-color:currentColor}.abch{flex-wrap:wrap;margin:0 0 12px}
.shpill b{white-space:nowrap;font-size:12.5px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.rvlow{margin:8px 0;padding:10px 12px;border-radius:10px;background:#FFF4D6;border:1px solid #E8B04B;color:#5A3F00;font-size:14px;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}
.rvlowt{background:#FFF4D6;color:#5A3F00;border:1px solid #E8B04B;border-radius:8px;padding:1px 8px;font-weight:700}
body .hmus{background:#fff;border:1px solid var(--line,#E3E7E2)}.hmpop{margin-top:18px;background:#F7FBF3;border-radius:14px;padding:14px}
.tmlv{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px}
body .hmus{background:#fff;border:1px solid var(--line,#E3E7E2)}.hmpop{margin-top:18px;background:#EDF6E6;border-top:4px solid #2E7D4F;border-radius:14px;padding:14px}
@media (min-width:900px){body .shwel{display:none!important}body .sht{padding-top:4px;padding-bottom:4px}} /* computer: the welcome + date are in the top bar already — no second row (Joseph, Oct 30) */
body .hmqk{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:640px}body .hmqk button{font-size:12px}body .hmqk button span{width:56px;height:56px} /* 5 quick buttons incl. Your usual (Joseph, Oct 30) */
@media (min-width:900px){body .hmpop .shg{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (min-width:1300px){body .hmpop .shg{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (min-width:1750px){body .hmpop .shg{grid-template-columns:repeat(8,minmax(0,1fr))!important}} /* 4 / 6 / 8 a row — 48 a page always ends on a full row (Joseph, Oct 30) */
.tmsec{border:1px solid var(--line,#E3E7DE);border-radius:10px;margin:8px 0;background:var(--card,#fff)}.tmsec>summary{cursor:pointer;padding:10px 12px;font-weight:700;font-size:14px;list-style:none;display:flex;align-items:center;gap:8px}.tmsec>summary::-webkit-details-marker{display:none}.tmsec>summary:before{content:'▸';color:var(--mut,#6A756D);transition:transform .15s}.tmsec[open]>summary:before{transform:rotate(90deg)}.tmsb{padding:0 12px 12px}.tmund{display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:640px){html body .hmdpg.dg2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important;gap:8px!important;padding:2px 0 8px}html body .hmdpg.dg2 .dpc.dp2{flex:none!important;width:auto!important;min-height:150px}html body .hmdpg.dg2 .dpc.dp2 .dpl2{height:96px}html body .hmdpg.dg2 .dpc.dp2 .dpl2 img{max-height:70px}.hmpop{padding:10px}} /* phone: every department going down, 2 a row like the categories — no swipe (Joseph, Oct 30) */
/* the website's welcome box (app.js wWelcome): the page under it stays tappable — a tap outside closes it (Tab #137, Oct 30) */
#modal.wwelm{background:none;pointer-events:none}#modal.wwelm .box{pointer-events:auto;box-shadow:0 -10px 34px rgba(0,0,0,.28)}
.tmbx[data-tmtab]{text-align:left;cursor:pointer;font:inherit;color:inherit}.tmbx.on{border-color:#193F33;box-shadow:inset 0 0 0 1px #193F33}
/* Inventory adjustments = tiles (Moses, Oct 30 — design C) */
.iadsw{display:flex;gap:0;border:1px solid var(--line,#dfe6e1);border-radius:10px;overflow:hidden;flex:1}
.iadsw button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:0;background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.iadsw button.on.g{background:#1d6b45;color:#fff}.iadsw button.on.w{background:#24508f;color:#fff}
.iadres button{flex-direction:row!important;align-items:center!important;gap:10px}.iadres img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;flex:none}
.iadres .w{display:flex;flex-direction:column;min-width:0}
.iadtg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0}
.iadt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;min-height:96px;padding:12px;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer}
.iadt.hot{border-color:#1d6b45;box-shadow:inset 0 0 0 1px #1d6b45}
.iadt .iadl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mut,#6b7a70)}
.iadt b{font-size:22px;line-height:1.15}.iadt b small{font-size:13px;font-weight:600}.iadt .sub{font-size:12px;color:var(--mut,#6b7a70)}
.iadbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 12px}
.iadu{display:flex;border:1px solid var(--line,#dfe6e1);border-radius:10px;overflow:hidden;margin:0 0 10px}
.iadu button{flex:1;padding:10px;border:0;background:var(--card,#fff);color:inherit;font:inherit;font-weight:700;cursor:pointer}.iadu button.on{background:#1d6b45;color:#fff}
.iadbig{font-size:22px!important;font-weight:700}.iadsv{width:100%;margin-top:12px}
.iadfr{display:flex;align-items:center;gap:10px;width:100%;padding:10px;margin:6px 0;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer}
.iadfr img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff}.iadfr .w{flex:1;display:flex;flex-direction:column}.iadfr small{color:var(--mut,#6b7a70)}
.iadmk{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:8px;font-weight:800;font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.iadmk.g{background:#dff3e6;color:#1d6b45}.iadmk.w{background:#e3ecf8;color:#24508f}
.iadkp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.iadkp button{padding:14px 0;font:inherit;font-size:24px;font-weight:700;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;cursor:pointer}
.iadkp button:active{background:#dff3e6}
.iadsh .iadwhy{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.iadsh .iadwhy .cchip{width:100%;justify-content:center;padding:14px 8px;font-size:17px;font-weight:700;border-radius:10px}
.iadsh .iadsv{padding:16px!important;font-size:19px!important;font-weight:800;border-radius:10px;min-height:56px}
button.iadmk{border:0;cursor:pointer;font-family:inherit;padding:8px 14px}.iadmk .iadsw2{font-size:15px;opacity:.75}
.iad .iadq{display:flex;gap:8px;align-items:stretch}#main .iad .iadq input#iadQ{flex:1;min-width:0;width:auto;font-size:19px!important;padding:12px 14px!important;height:58px!important;min-height:58px!important}
.iad .iadscan{flex:none;display:inline-flex;align-items:center;gap:8px;padding:0 20px!important;font-size:19px!important;font-weight:800;min-height:58px;border-radius:10px}
.iad .iadres button b{font-size:17px;color:var(--ink,#1b2a22)}.iad .iadres button{padding:10px 12px;min-height:64px}.iad .iadres img{width:56px;height:56px}
#main .iad .iadscan{font-size:19px!important;height:58px!important}
/* the welcome card on the home page (app.js wwelCard) — one row on a computer, stacked on a phone */
.wwelc{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line,#e3e8e0);border-radius:10px;padding:12px 14px;margin:0 0 12px}.wwelc img{width:44px;height:44px;border-radius:10px;flex:none}.wwelc .wwh{font-weight:700}.wwelc .wwb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}@media(max-width:640px){.wwelc{flex-wrap:wrap}.wwelc .wwb{margin-left:0;width:100%}.wwelc .wwb .btn{flex:1}}
/* Inventory adjustments: colored item list + filters (Moses, Oct 30) */
.iadtt{display:flex;align-items:center;gap:8px;margin:2px 0 10px}.iadtt h1{margin:0;font-size:22px}
.iadbk{border:1px solid var(--line,#dfe6e1);background:var(--card,#fff);color:inherit;border-radius:10px;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;flex:none}
.iadcc{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 8px}
.iadcc button{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;cursor:pointer;border-top-width:4px}
.iadcc button b{font-size:18px}.iadcc button span{font-size:11px;color:var(--mut,#6b7a70)}
.iadcc .r{border-top-color:#d14b3c}.iadcc .y{border-top-color:#e2b335}.iadcc .g{border-top-color:#2f9d5f}.iadcc .a{border-top-color:#5b6b62}.iadcc .on{box-shadow:inset 0 0 0 2px #1b2a22}
.iadfl{display:grid;grid-template-columns:1fr 1fr 2fr;gap:6px}.iadf{display:flex;flex-direction:column;gap:2px;min-width:0}.iadf span{font-size:11px;font-weight:700;color:var(--mut,#6b7a70);text-transform:uppercase}
#main .iad .iadf select{width:100%;min-width:0;height:44px!important;font-size:15px!important}
.iadls{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px;margin-top:10px}
.iadli{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line,#dfe6e1);border-left:6px solid #5b6b62;border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:68px}
.iadli.g{border-left-color:#2f9d5f}.iadli.y{border-left-color:#e2b335}.iadli.r{border-left-color:#d14b3c}
.iadli img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:#fff;flex:none}.iadli .w{flex:1;min-width:0;display:flex;flex-direction:column}.iadli b{font-size:15px;color:var(--ink,#1b2a22)}.iadli small{font-size:12px;color:var(--mut,#6b7a70)}
.iadag{flex:none;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px;white-space:nowrap}.iadag.g{background:#dff3e6;color:#1d6b45}.iadag.y{background:#fbf0cf;color:#7a5a00}.iadag.r{background:#fbe1dd;color:#a3271a}
.iadhl div{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line,#dfe6e1)}.iadhl span{font-size:13px;color:var(--mut,#6b7a70)}
/* Inventory adjustments in the store app = ONE header (Moses, Oct 30) */
.pkoh.iadH{margin:-12px -12px 12px;position:sticky;top:0;z-index:5}.pkoh.iadH .w{align-items:center;text-align:center}.pkoh.iadH .w b{font-size:20px}
.iadHp{flex:none;display:flex;align-items:center;gap:6px;height:48px;padding:0 12px;border:0;border-radius:12px;font:inherit;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.iadHp.g{background:#dff3e6;color:#1d6b45}.iadHp.w{background:#e3ecf8;color:#24508f}.iadHp i{font-style:normal;opacity:.7}
/* the floating "Chat with the store" button never sits on the last tile (Tab #137, Oct 30: it covered Meat & Fish on a computer) */
.hmpage{padding-bottom:84px}
/* frozen top (Moses, Oct 30: "freeze header until top") — header 72 · search 66 · boxes + filters */
.pkoh.iadH{height:72px;box-sizing:border-box}
.iadfz .iadq{position:sticky;top:72px;z-index:4;background:var(--bg,#f6f7f2);padding:4px 0 8px;margin:0}
.iadfz .iadlh{position:sticky;top:142px;z-index:3;background:var(--bg,#f6f7f2);padding-bottom:8px;margin-top:-4px;box-shadow:0 6px 6px -6px rgba(0,0,0,.15)}
.iadfz .iadlh .iadcc{margin-top:4px}
body.pg-iadj,body.pg-iadj #main{overflow-x:clip!important;overflow-y:visible!important} /* sticky needs no scroll box in between */
html body .pkoh.pkA .iadHp{flex-direction:row!important;white-space:nowrap}html body .pkoh.pkA .iadHp span{display:inline!important;color:inherit!important;opacity:1!important;font-size:14px!important} /* the place word shows on the dark header (Joseph's scanner photo, Oct 30) */
.pkoh.iadH .iadHp{flex-direction:row!important;width:auto!important;max-width:46%;white-space:nowrap}.pkoh.iadH .iadHp span{display:inline!important;color:inherit!important;font-size:14px;opacity:1}.pkoh.iadH .iadHp svg{display:inline-block;flex:none}.pkoh.iadH .iadHp.w{color:#24508f!important}.pkoh.iadH .iadHp.g{color:#1d6b45!important}
.pkoh.iadH .w b{font-size:18px;line-height:1.15}
.pkoh.iadH .iadHp{text-transform:none!important;letter-spacing:0!important;max-width:none!important;padding:0 10px;gap:5px}.pkoh.iadH .iadHp span{overflow:visible!important;text-overflow:clip!important;font-size:15px;font-weight:800}.pkoh.iadH .w{min-width:0}
.scany .scw{padding:14px;border-radius:12px;background:#EEF3E9;font-size:17px;margin-bottom:12px}.scany .scw.ok{background:#E3F4E8;color:#14532d}.scany .scw.bad{background:#FDE8E8;color:#991b1b}
.iadfl{grid-template-columns:repeat(2,minmax(0,1fr))!important}@media(min-width:700px){.iadfl{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
/* the header = full width, glued to the very top of the screen (Moses, Oct 30: "pull it up") */
.pkoh.iadH{position:fixed!important;top:0;left:0;right:0;margin:0 auto!important;max-width:760px;width:100%;z-index:60;border-radius:0}
.iadHsp{height:76px}
html.pkapp body.pg-iadj,html.pkapp.pkapp body.pg-iadj{overflow-x:clip!important;overflow-y:visible!important}
.rcbc{text-align:center;margin-top:8px}.rcbc svg{max-width:100%;height:44px}
.iadnm .iadtop{margin-left:auto;align-self:center;font-size:13px}.iadnm>span:not(.iadag){min-width:0;flex:1}
/* 4 filters, 2 a row, nicer letters (Moses, Oct 30) */
.iadfl{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 10px!important}@media(min-width:700px){.iadfl{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.iadf span{font-size:12px!important;font-weight:700;letter-spacing:.03em;color:#4d5d54!important}
#main .iad .iadf select{height:46px!important;font-size:16px!important;font-weight:600;color:#1b2a22;padding:0 34px 0 12px!important;border:1px solid #cfd8d1;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231d6b45' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;font-family:inherit}
#main .iad .iadbar .btn{min-height:62px;font-size:19px!important;font-weight:800;border-radius:12px} /* big Count is right / Next item (Moses, Oct 30) */
.mob button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iadit[data-iadt]{cursor:pointer}
.pkoh.iadH{z-index:40!important} /* windows open over the header */
/* on the website home the chat button is a small square in the corner — never over a tile's middle (Tab #137, Oct 30: "Chat with the store" covered Home & Kitchen / Meat & Fish on a computer) */
body.shhome .wchbtn{padding:11px 12px;font-size:20px;bottom:14px;right:14px}body.shhome .wchbtn span{display:none}
.iadsh .cl-f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}
.iadsh .cl-f3{display:grid;grid-template-columns:.8fr 1fr 1.2fr;gap:0 8px}
.iadsh .cl-f3{grid-template-columns:repeat(2,minmax(0,1fr))}.iadsh .cl-f3 .iadpcw{display:none}.iadsh .cl-f3.fp{grid-template-columns:.8fr 1fr 1.2fr}.iadsh .cl-f3.fp .iadpcw{display:flex}
.iadfpc{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin:6px 0 10px;cursor:pointer}.iadfpc input{width:24px;height:24px}
#main .iad .iadbar{gap:10px;margin:10px 0 16px}#main .iad .iadbar .btn{min-height:88px!important;font-size:22px!important;border-radius:14px;border-width:2px} /* even bigger (Moses, Oct 30) */
/* 📷 the scanner app's own picture camera (photoCam) */
#phcam{position:fixed;inset:0;z-index:9999;background:#000;display:flex;flex-direction:column}#phcam video{flex:1;width:100%;min-height:0;object-fit:cover}
#phcam .phcb{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 28px}#phcam .phcb span{width:56px}
#phcam .phcx{width:56px;height:56px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:24px}
#phcam .phcgo{width:78px;height:78px;border-radius:22%;border:5px solid #fff;background:rgba(255,255,255,.35)}
.iadnm .iadhh{color:#1d6b45;font-weight:700}
#main .iad .iadbar .btn{white-space:nowrap;font-size:20px!important;padding:0 10px}
/* Item adjustments: sections + live margin (Moses, Oct 30) */
.itsec{display:flex;align-items:center;gap:6px;margin:14px 2px 6px;font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:#1d6b45}.itsec small{margin-left:auto;font-weight:600;text-transform:none;letter-spacing:0;color:var(--mut,#6b7a70);font-size:12px}
.itaLive{font-size:17px;font-weight:700;color:#1d6b45;min-height:24px;margin:2px 0 4px}
/* filter panel — hidden, opens on a tap (Moses, Oct 30) */
.iadfb{display:flex;align-items:center;gap:12px;margin:6px 0 2px}.iadfb .btn{min-height:44px;font-weight:700}
.iadfp{border:1px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);padding:10px;margin-top:8px}
.iadfh{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#1d6b45;margin:12px 0 6px}
.iadqr{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:6px;align-items:center;margin:4px 0}.iadqr span{font-size:14px;font-weight:600}
#main .iad .iadqr select,#main .iad .iadqr input{height:44px!important;font-size:16px!important;min-width:0;width:100%}
.iadfz .iadlh.fo{position:static;box-shadow:none}
.iad .iadq .iadfbt{position:relative;flex:none;width:58px;min-height:58px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line,#dfe6e1);background:var(--card,#fff);color:#1d6b45}
.iad .iadq .iadfbt.on{background:#dff3e6;border-color:#1d6b45}.iad .iadq .iadfbt b{position:absolute;top:4px;right:4px;background:#1d6b45;color:#fff;font-size:11px;border-radius:6px;padding:0 5px;line-height:16px}
.iadfbb{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin-top:10px}
#main .iad .iadscan{padding:0 14px!important}
/* search · filter · scan = one row, the same height, smaller (Moses, Oct 30) */
#main .iad .iadq input#iadQ,#main .iad .iadq input#itaQ{height:48px!important;min-height:48px!important;font-size:17px!important;padding:8px 12px!important;flex:1;min-width:0}
.iad .iadq .iadfbt{width:48px;min-height:48px;height:48px}
#main .iad .iadq .iadscan{height:48px!important;min-height:48px!important;font-size:16px!important;padding:0 12px!important;gap:6px}#main .iad .iadq .iadscan svg{width:20px;height:20px}
.iadqr{grid-template-columns:1fr 1.3fr .8fr!important}#main .iad .iadqr select{font-size:15px!important}
/* adjustments: First letter capital, the rest small — never ALL CAPS; smaller boxes so more fits on the screen (Moses, Oct 30) */
.iadt .iadl,.itsec,.iadfh,.iadf span,.iadHp,.iadmk,.pkoh.iadH .iadHp{text-transform:none!important;letter-spacing:0!important}
.iadt .iadl{font-size:13px;font-weight:700}.itsec{font-size:16px;margin:10px 2px 4px}.iadfh{font-size:13px}
.iad .iadt .sub::first-letter,.iad .iadt b::first-letter,.iad .itsec small::first-letter,.iad .iadag::first-letter,.iad .iadli small::first-letter,.iadsh .itaLive::first-letter,.iad .iadnm small::first-letter{text-transform:uppercase}
.iad .iadag,.iad .iadt .sub,.iad .itsec small{display:inline-block}
.iadtg{gap:6px!important;margin:6px 0!important;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))!important}
.iadt{min-height:0!important;padding:8px 10px!important;gap:1px!important}.iadt b{font-size:19px!important;line-height:1.2}.iadt .sub{font-size:12px!important;line-height:1.25}
.iad .iadit{padding:8px 10px}.iad .iadnm img{width:46px;height:46px}.iad .iadnm b{font-size:16px}
.iad .iadt .iadl{display:inline-block}.iad .iadt .iadl::first-letter,.iadsh .label::first-letter{text-transform:uppercase}
.ita3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}@media(min-width:560px){.ita3{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ita3b{display:flex;flex-direction:column;gap:4px;padding:8px;border:2px solid var(--line,#dfe6e1);border-radius:10px;background:var(--card,#fff);color:inherit;font:inherit;text-align:left;cursor:pointer}
.ita3b.on{border-color:#1d6b45;background:#f1faf4}.ita3b span{font-size:12px;font-weight:700;color:var(--mut,#6b7a70)}
#main .ita3b input,.modal .ita3b input{height:44px!important;font-size:22px!important;font-weight:800;border:0!important;padding:0 4px!important;background:transparent;width:100%;min-width:0;pointer-events:none}
/* 🌙 night: the light ISLAND word on the dark header (check Oct 30 — the green word disappeared) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .shh img.lg,:root:not([data-theme="light"]) .shgate>img{content:url(img/brand/word-c.webp)}}
:root[data-theme="dark"] .shh img.lg,:root[data-theme="dark"] .shgate>img{content:url(img/brand/word-c.webp)}
/* walk the aisles: the shelf picture never taller than the window · room under the last cards for the 💬 Chat button (check Oct 30) */
.vwalk.ph{max-height:70vh}.vwalk.ph>img{max-height:70vh;width:100%;object-fit:contain;display:block}
.shop{padding-bottom:84px}
/* confirm a phone / email (Joseph, Oct 31) */
.mav .pvok{color:var(--c-green,#2E7D32);font-weight:600}.mav .pvno{display:block;color:var(--c-red,#C62828)}.mav .pvgo{margin-left:6px;padding:3px 10px;min-height:0}
/* 🔑 the beta PIN screen — big box + big button (Joseph, Oct 31: "the PIN should be bigger"; it was 18 px tall) */
.shgate{margin-top:56px!important;gap:14px!important;padding-top:28px!important}.shgate>img{width:200px!important;height:auto!important}
html body #main .shgate input#shPin,.shgate #shPin{height:60px!important;min-height:60px!important;font-size:26px!important;letter-spacing:6px;padding:0 14px!important;border:1.5px solid #9CB5A8!important;border-radius:10px!important;text-align:center;box-sizing:border-box}
html body #main .shgate input#shPin::placeholder,.shgate #shPin::placeholder{font-size:18px;letter-spacing:4px}
html body #main .shgate button[data-shpin],.shgate [data-shpin]{height:56px!important;min-height:56px!important;font-size:18px!important;border-radius:10px!important}
/* night mode: product pictures stay sharp — no darkening blend on a dark panel (Moses, Oct 31: "night mode makes the pictures blurry") */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pp .ppimg{background:#f4f5f1!important}:root:not([data-theme="light"]) .pp .ppimg>img{mix-blend-mode:normal}}
:root[data-theme="dark"] .pp .ppimg{background:#f4f5f1!important}:root[data-theme="dark"] .pp .ppimg>img{mix-blend-mode:normal}
/* Item adjustments = ONE screen, no scrolling (Moses, Oct 31): 3 boxes a row, one-line notes, slim headers + Next */
body.pg-itadj .iadtg{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:3px 0!important}
body.pg-itadj .iadt{padding:6px 7px!important}body.pg-itadj .iadt .iadl{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.pg-itadj .iadt b{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}body.pg-itadj .iadt b small{font-size:11px}
body.pg-itadj .iadt .sub{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}
body.pg-itadj .itsec{font-size:13px!important;margin:6px 2px 2px!important}body.pg-itadj .itsec small{font-size:11px}
body.pg-itadj .iad .iadit{padding:6px 8px;margin-top:4px}body.pg-itadj .iad .iadnm img{width:38px;height:38px}body.pg-itadj .iad .iadnm b{font-size:15px}body.pg-itadj .iad .iadnm small{font-size:11px}
body.pg-itadj #main .iad .iadbar{margin:6px 0 8px}body.pg-itadj #main .iad .iadbar .btn{min-height:50px!important;font-size:18px!important}
body.pg-itadj .itcs{display:none}
/* 📱 website top bar on a PHONE — smaller (Joseph, Oct 31: "on the phone can we make the top a little smaller?"); same rows, tighter (the bar still never shrinks on scroll) */
@media (max-width:640px){
html body .shh.hdrA{padding:5px 12px 6px!important;gap:5px 8px!important}
html body .shh.hdrA .lg{height:24px!important}
html body .shh.hdrA .shmb{width:30px!important;height:30px!important}
html body .shh.hdrA .shacb{width:30px!important;height:30px!important;font-size:12px!important}
html body .shh.hdrA .shcart{width:32px!important;height:30px!important}
html body .shh.hdrA .shs{height:38px!important;border-radius:10px!important}
html body .shh.hdrA .shs .find{height:34px!important}
html body .shh.hdrA .shs .btn{width:32px!important;height:32px!important}
html body .shh.hdrA .shwm{font-size:12px!important}html body .shh.hdrA .shwm b{font-size:12.5px!important}
html body .shh.hdrA .shfz{font-size:11.5px!important;padding:0 2px!important;gap:8px!important}html body .shh.hdrA .shfz svg{width:18px;height:18px}
}
/* Item adjustments: back to 2 boxes a row (Moses, Oct 31), still compact */
body.pg-itadj .iadtg{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.pg-itadj .iadt b{font-size:17px!important}body.pg-itadj .iadt .sub{font-size:11px!important}
.iad .iadcodes{word-break:break-all}
/* the big box: Grocery · Warehouse · Cost (Moses, Oct 31) */
.itbig{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid #1d6b45;border-radius:12px;background:var(--card,#fff);margin:8px 0;overflow:hidden}
.itbc{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 9px;border:0;border-right:1px solid var(--line,#dfe6e1);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}.itbc:last-child{border-right:0}
.itbc .iadl{font-size:12px;font-weight:800;color:#1d6b45}.itbc b{font-size:19px;line-height:1.2}.itbc b small{font-size:11px}.itbc .sub{font-size:11px;color:var(--mut,#6b7a70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.itbc:active{background:#f1faf4}
/* three big boxes, one for each — Grocery · Warehouse · Cost (Moses, Oct 31) */
.itbig{border:0;background:none;gap:6px;overflow:visible}.itbc{border:2px solid #1d6b45!important;border-radius:12px;background:var(--card,#fff);padding:10px 9px;min-height:96px}.itbc b{font-size:22px}
.iadHsp{height:0}
/* three big boxes: one full-width box each — Grocery · Warehouse · Cost (Moses, Oct 31) */
.itbig{grid-template-columns:1fr!important;gap:6px}
.itbc{display:grid!important;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;column-gap:10px;min-height:0!important;padding:10px 12px!important}
.itbc .iadl{grid-column:1;font-size:14px!important}.itbc b{grid-column:2;grid-row:1/4;align-self:center;font-size:26px!important}.itbc .sub{grid-column:1;font-size:12px!important}
/* Grocery + Warehouse = two big boxes next to each other, Cost full width under them (Moses, Oct 31) */
.itbig{grid-template-columns:1fr 1fr!important}.itbig .itbc[data-itat]{grid-column:1/-1}
.itbig .itbc[data-itabig]{grid-template-columns:1fr!important;grid-template-rows:auto!important}.itbig .itbc[data-itabig] b{grid-column:1!important;grid-row:2!important;font-size:26px!important;align-self:start}.itbig .itbc[data-itabig] .iadl{grid-row:1}.itbig .itbc[data-itabig] .sub{grid-column:1!important}
/* 👋 welcome + 🚚 free delivery on ONE line, no date (Joseph, Oct 31: "the date is not important — the free delivery together with welcome") */
html body .shh.hdrA .shwm .shfz1{order:0!important;flex:0 0 auto!important;flex-basis:auto!important;min-width:0;margin:0 0 0 auto!important;padding:0!important;gap:6px!important;font-size:12px!important;background:none!important;display:flex;align-items:center}
html body .shh.hdrA .shwm .shfz1 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .shh.hdrA .shwm .shfz1 i{flex:0 0 60px;height:5px}
@media (max-width:640px){html body .shh.hdrA .shwm .shfz1 i{display:none}html body .shh.hdrA .shwm .shfz1 svg{width:16px;height:16px}}
html body.hdrsc .shh.hdrA .shwm .shfz1{display:flex!important}
html body .shh.hdrA .shwm>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 📍 "Aisle 11 - Bay 11 | 366 in Stock" ALWAYS one row on the product card (Joseph, Oct 31: it wrapped on the phone) — no wrap; a little tighter on phones; if a long one still doesn't fit, the aisle part is cut, never the stock */
html body .shp>.stkr{flex-wrap:nowrap!important;overflow:hidden;white-space:nowrap}
html body .shp>.stkr .abtag{min-width:0;overflow:hidden!important;text-overflow:ellipsis;flex:0 1 auto}
html body .shp>.stkr .stk{flex:0 0 auto}
@media (max-width:640px){html body .shp>.stkr .stk,html body .shp>.stkr .abtag{font-size:10px!important;letter-spacing:-.2px}html body .shp>.stkr .abtag{word-spacing:-.5px}html body .shp>.stkr{column-gap:3px}html body .shp>.stkr .abtag+.stk::before{margin-right:3px}}
.itbig .itbc.itpc{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important}.itpc .iadl{grid-column:1/-1!important;grid-row:1!important}.itpc .itpv{display:flex;flex-direction:column;grid-row:2}.itpc .itpv small{font-size:12px;color:var(--mut,#6b7a70);font-weight:600}.itpc .itpv b{font-size:26px!important;grid-row:auto!important;grid-column:auto!important}.itpc .sub{grid-column:1/-1!important;grid-row:3}
.itpc .itpv b{align-self:flex-start;text-align:left}
/* no green lines on the big boxes; price · cost · sale · markup · other stores = ONE box (Moses, Oct 31) */
.itbc{border:1px solid var(--line,#dfe6e1)!important}
.itpcb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--card,#fff);border:1px solid var(--line,#dfe6e1);border-radius:12px;margin:6px 0;overflow:hidden}
.itpc2{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border:0;border-right:1px solid #eef1ec;border-bottom:1px solid #eef1ec;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;min-width:0}
.itpc2 small{font-size:12px;font-weight:700;color:var(--mut,#6b7a70)}.itpc2 b{font-size:20px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.itpc2 span{font-size:11px;color:var(--mut,#6b7a70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.itpc2:active{background:#f1faf4}.itpc2:nth-child(3n){border-right:0}
/* every product card: the brand row has ONE height (text, hechsher logo or empty) so the names line up (Joseph, Oct 31) */
html body .shp>.shbz{height:20px;min-height:20px;box-sizing:border-box;align-items:center;margin:2px 0 1px}
html body .shp>.shbz .bzh img,html body .shp>.shbz .bzh svg{max-height:18px}
/* Registers (Moses, Oct 31) */
.rgw .ok{background:#E3F3EA;color:#0F4023;border-radius:10px;padding:10px 12px;font-weight:700}.rgw .bad{background:#FDECE8;color:#9B2C1E;border-radius:10px;padding:10px 12px;font-weight:600}
.rgok{margin-bottom:10px}.rgwhy{margin-bottom:6px}
.rggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.rgc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;background:#fff;border:1px solid #E7E9E0;border-top:5px solid #C9CEC6;border-radius:10px;padding:14px;cursor:pointer;font:inherit;min-height:110px}
.rgc b{font-size:18px}.rgc .sub{font-size:12px;color:var(--mut,#6b7a70)}.rgst{font-size:13px;font-weight:700;color:#6b7a70}
.rgc.g{border-top-color:#1F7A4A}.rgc.g .rgst{color:#1F7A4A}.rgc.r{border-top-color:#C2362B}.rgc.r .rgst{color:#C2362B}.rgc.d{border-top-color:#8A958C}
.rgmorn{text-align:center;padding:16px}.rghi{font-size:22px;font-weight:800;margin-bottom:4px}
.rgbig{text-align:center;padding:14px}.rgv{font-size:36px;font-weight:800;color:#0F4023;margin:4px 0}
.rgb{min-height:54px}.rgnums{margin-bottom:10px}
.rgstep{display:flex;gap:6px;margin:4px 0 10px}.rgstep span{flex:1;height:6px;border-radius:3px;background:#E7E9E0}.rgstep span.on{background:#1F7A4A}
.rg2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rgtot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:16px;font-weight:700}
.rgchk{display:flex;align-items:center;gap:10px;width:100%;background:#fff;border:1px solid #E7E9E0;border-radius:10px;padding:12px;margin-top:8px;font:inherit;text-align:left;cursor:pointer;min-height:56px}
.rgchk .w{flex:1;display:flex;flex-direction:column;min-width:0}.rgchk small{color:var(--mut,#6b7a70)}.rgchk.on{border-color:#1F7A4A;background:#F1FAF4}
.rgbox{width:28px;height:28px;border:2px solid #8A958C;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex:none}.rgchk.on .rgbox{background:#1F7A4A;border-color:#1F7A4A}
.ita3u{font-size:11px;color:var(--mut,#6b7a70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 4px}
#main .rgw .rgb,.rgw .btn.rgb{min-height:56px!important;height:auto!important;font-size:17px!important;width:100%;margin-top:10px;justify-content:center}
#main .rgw input.find{height:56px!important;font-size:22px!important;font-weight:800;width:100%;box-sizing:border-box;min-width:0}
.rgw .rg2 .field{min-width:0}
html body #main .rgw input#rgBills,html body #main .rgw input#rgCoins,html body #main .rgw input#rgPin,html body #main .rgw input#rgNote{height:56px!important;min-height:56px!important;font-size:22px!important;padding:0 12px!important}
/* EVERY WORD STARTS WITH A CAPITAL on the store app's work screens (Moses, Oct 31 + Nov 1: "Count Is Right", "Next Item") */
.iad,.iadsh,.iadH,.rgw,.pkam{text-transform:capitalize}
.iad .iadnm,.iadsh .iadnm,.iad .iadli,.iad .iadcodes,.iad input,.iadsh input,.rgw input,.iadsh textarea,.iad .iadres,.rgw .rgchk small{text-transform:none}
.iad input::placeholder,.iadsh input::placeholder{text-transform:capitalize}
.iad .iadq .iadbk{flex:none;width:58px;height:58px;padding:0;display:flex;align-items:center;justify-content:center}
.itarcr{cursor:pointer}.itarcr:active{background:#f1faf4}.itarcr td:first-child{color:#1d6b45;font-weight:700}
.itasnip{border:1px solid #E7E9E0;border-radius:10px;overflow:hidden;background:#fff;min-height:60px}.itasnip.whole{max-height:70vh;overflow:auto;position:relative}
.itasnipcut{border-top:2px dashed #C9CEC6;margin:2px 0}
/* hechsher logos stay on WHITE in night mode too — a black logo (OU) vanished on the dark strip (Moses, Nov 1) */
:root:not([data-theme="light"]) body .hsv.hlg,:root[data-theme="dark"] body .hsv.hlg,:root:not([data-theme="light"]) body .pphech,:root[data-theme="dark"] body .pphech{background-color:#fff!important}
:root:not([data-theme="light"]) body .pphech .hsv.hlg,:root[data-theme="dark"] body .pphech .hsv.hlg{padding:2px;border-radius:6px}

/* 📝 Feedback (Joel, Nov 1, #137) */
.wchbtn.fbbtn{bottom:74px;background:#fff;color:#193F33;border:1.5px solid #193F33}
body.shhome .wchbtn.fbbtn{bottom:66px}
.wchfb{display:flex;justify-content:flex-end;margin:-4px 0 6px}
.wchfb .linkb{display:inline-flex;align-items:center;gap:5px}
.fbme{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
@media (max-width:640px){.fbme{grid-template-columns:1fr}.hmfoot{padding:12px}}
.iadfnd{position:relative}.iadfw{position:relative;display:block}.iadfw input{width:100%;box-sizing:border-box;padding-right:36px!important}
.iadfx{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:16px;color:#6b7a70;cursor:pointer;padding:4px 8px}
.iadsug{display:block;position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.15);overflow:hidden}
.iadsug:empty{display:none}.iadsug button{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-bottom:1px solid #eef0ea;background:#fff;font:inherit;text-align:left;padding:12px;min-height:46px;cursor:pointer}
.iadsug button i{font-style:normal;color:#6b7a70;font-size:13px}.iadsug button:active{background:#f1faf4}
#main .iad .iadfnd input.find{font-size:20px;font-weight:600}#main .iad .iadfnd input.find::placeholder{color:#0c1610;font-weight:600;opacity:1}

/* Beta tag next to the logo (Joel, Nov 1, #137: "Island Shop (Beta)") */
.shh .shbeta{order:1;flex:none;align-self:center;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#193F33;background:#E9EC90;border-radius:6px;padding:2px 6px;margin-left:-2px;cursor:pointer;line-height:1.4}
/* 🚚 "Order now" photo strip — smaller (Joseph, Nov 1: "the order now strip make smaller") */
@media (max-width:640px){html body .shop .hmhero{height:96px!important}html body .shop .hmhero>div{padding:8px 14px!important;gap:3px!important}html body .shop .hmhero b{font-size:16px!important;line-height:1.15!important;max-width:230px!important}html body .shop .hmhero i,html body .shop .hmhero span{font-size:11px!important}html body .shop .hmhero small{display:none!important}html body .shop .hmhero .btn,html body .shop .hmhero button{height:26px!important;line-height:26px!important;padding:0 10px!important;font-size:12px!important;min-height:0!important}}
@media (min-width:641px){html body .shop .hmhero{height:150px!important}html body .shop .hmhero b{font-size:24px!important}}
/* 👤 the sign-up card on the website home — small + neat (Joseph, Nov 1: "this create account much smaller and nicer") */
.wwel2{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:6px 12px;padding:10px 12px;margin:8px 0;background:#fff;border:1px solid #E3E8DC;border-radius:12px;box-shadow:0 1px 3px rgba(25,63,51,.06)}
.wwel2 img{width:40px;height:40px;border-radius:10px}
.ww2t{min-width:0;display:flex;flex-direction:column;line-height:1.25}.ww2t b{font-size:15px;color:#193F33}.ww2t span{font-size:12.5px;color:#6B7A72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ww2b{display:flex;gap:6px}.ww2b .btn{height:36px!important;min-height:0!important;padding:0 14px!important;font-size:13.5px!important;border-radius:10px!important;white-space:nowrap}
.ww2g{grid-column:2/-1;justify-self:start;font-size:12.5px!important;padding:0!important;margin-top:-2px}
@media (max-width:640px){.wwel2{grid-template-columns:36px 1fr;padding:10px}.wwel2 img{width:36px;height:36px}.ww2b{grid-column:1/-1}.ww2b .btn{flex:1}.ww2g{grid-column:1/-1;justify-self:center}}
/* 🔍 picture zoom */
#pzoom{position:fixed;inset:0;z-index:10000;background:#fff;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden}#pzoom img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .08s;user-select:none;-webkit-user-drag:none}
#pzoom .pzx{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:10px;border:1px solid #DCE0C6;background:#fff;font-size:20px;color:#193F33}#pzoom .pzh{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12.5px;color:#6B7A72}
.ppimg img{cursor:zoom-in}

/* 🌙 SITE FOOTER (Joel, Nov 1: "next level — dark — clear") */
.sfoot{margin:44px 0 0;background:linear-gradient(160deg,#18402F 0%,#0E271F 100%);color:#D7E5DC;border-radius:18px;padding:36px 36px 18px;box-shadow:0 10px 30px rgba(14,39,31,.18)}
.sfg{display:grid;grid-template-columns:1.5fr 1fr 1.25fr .9fr;gap:36px}
.sfoot .sfb img{height:46px!important;width:146px!important;max-width:none!important;object-fit:contain;cursor:pointer;display:block;margin:0}
.sfb p{color:#AFC5B8;font-size:14px;line-height:1.65;margin:14px 0 18px;max-width:340px}
.sfa{display:flex;flex-wrap:wrap;gap:10px}
.sfbtn{display:inline-flex;align-items:center;gap:7px;background:#E9EC90;color:#14352A;border:0;font:inherit;font-weight:800;font-size:14px;padding:11px 15px;border-radius:10px;cursor:pointer}
.sfbtn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.32)}
.sfbtn:hover{filter:brightness(1.06)}.sfbtn.ghost:hover{border-color:#E9EC90;color:#E9EC90}
.sfoot h4{color:#E9EC90;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 16px;font-weight:800}
.sfl{display:flex;gap:11px;align-items:flex-start;color:#F3F8F4;text-decoration:none;font-size:14.5px;line-height:1.5;margin-bottom:14px;overflow-wrap:anywhere}
.sfl .i{color:#9ED6A9;flex:none;margin-top:2px}.sfl:hover{color:#E9EC90}
.sfopen{display:inline-flex;align-items:center;font-size:12.5px;font-weight:800;padding:5px 10px;border-radius:8px;background:rgba(158,214,169,.16);color:#C3F2CB;margin-bottom:14px}
.sfopen.cl{background:rgba(255,255,255,.08);color:#F0C9C9}
.sfh{display:grid;grid-template-columns:1fr auto;gap:9px 14px;margin:0;font-size:14px}
.sfh dt{color:#AFC5B8}.sfh dd{margin:0;color:#fff;font-weight:700;text-align:right;white-space:nowrap}
.sfnav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.sfnav button{background:none;border:0;padding:0;font:inherit;font-size:14.5px;color:#F3F8F4;cursor:pointer;text-align:left}
.sfnav button:hover{color:#E9EC90}
.sfbot{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:12.5px;color:#8FA898}
@media (max-width:1100px){.sfg{grid-template-columns:1fr 1fr;gap:30px}}
@media (max-width:640px){.sfoot{padding:26px 20px 16px;border-radius:14px;margin-top:32px}.sfg{grid-template-columns:1fr;gap:26px}.sfb img{height:38px}.sfnav{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.sfbot{flex-direction:column}}
/* line icons on Add / Tell me / Welcome (Joel, Nov 1) */
.shadd2 .i,.shbk .i,.ppab .i,.sga2 .i,.zpka .i{vertical-align:-3px;margin-right:3px}
.wlw{margin-left:2px}b .i{vertical-align:-3px}
/* 🎁 Zachor package */
.zpk{margin:14px 0 18px;border:1.5px solid #E2E8B5;background:linear-gradient(135deg,#FBFCEB,#F3F7E6);border-radius:14px;padding:14px}
.zpkh{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.zpki{width:46px;height:46px;border-radius:12px;background:#193F33;color:#E9EC90;display:flex;align-items:center;justify-content:center;flex:none}
.zpkh>div{flex:1;min-width:0}.zpkh b{display:block;font-size:17px;color:#193F33}.zpkh i{font-style:normal;color:#5B6B62;font-size:13.5px}
.zpka{margin-left:auto;background:#193F33;color:#fff;border:0;font:inherit;font-weight:800;padding:10px 14px;border-radius:10px;cursor:pointer}
.zpk .shg{margin-top:12px}

.sfoot .sfg>div{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important;min-height:0}
@media (max-width:640px){.sfoot .sfb img{height:38px!important;width:120px!important}}
/* night: the preference switches' words were dark on the dark card (Moses, Nov 1) — the light rule sits on html.shb, the made night copy never reached it */
:root:not([data-theme="light"]).shb .acpage .rcard .ops2 .cchip,:root[data-theme="dark"].shb .acpage .rcard .ops2 .cchip{color:var(--fg)!important;border-bottom-color:var(--line)}
.adpick{margin:6px 0}.adpk{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;font:inherit;background:var(--surface,#fff);color:inherit;border:2px solid var(--line,#E7E9E0);border-radius:10px;padding:10px 12px;margin-bottom:6px;cursor:pointer}
.adpk.on{border-color:#1F7A4A;background:#F1FAF4}.adpk span{font-size:13px;color:var(--mut,#6b7a70)}.adpk small{font-size:12px;color:var(--mut,#6b7a70)}
:root:not([data-theme="light"]) body .adpk.on,:root[data-theme="dark"] body .adpk.on{background:rgba(31,122,74,.18)}
.shmnu .smsub{margin:0 0 6px 54px;border-left:2px solid var(--line,#E7E9E0)}.shmnu .smr.sms{padding:10px 12px;min-height:44px}.shmnu .smr.sms b{font-weight:600;font-size:15px}.shmnu .smr.sms em{font-style:normal;opacity:.6;font-size:13px;margin-left:auto;margin-right:8px}
.shmnu .smr.smx.on b{color:#1F7A4A;font-weight:800}:root[data-theme="dark"] body .shmnu .smr.smx.on b{color:#F1E48A}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body .shmnu .smr.smx.on b{color:#F1E48A}}.shmnu .smr.sms{display:flex!important;width:100%}.shmnu .smr.sms b{flex:1 1 auto!important;text-align:left}.shmnu .smr.sms em{margin-left:0}
.zcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:4px 0 18px}
.zct{display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid #E2E8B5;background:linear-gradient(135deg,#FBFCEB,#F3F7E6);border-radius:14px;padding:12px 14px;font:inherit;cursor:pointer;color:#193F33}
.zct>span:nth-child(2){flex:1;min-width:0}.zct b{display:block;font-size:16px}.zct i{font-style:normal;color:#5B6B62;font-size:13px}.zcar{font-size:22px;color:#193F33}
.zct:hover{border-color:#193F33}
.wlh{vertical-align:-5px;display:inline-block}
@media (max-width:640px){.zpkh>div{flex:1 1 180px}.zpka{margin-left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}}
/* 🗂 CATEGORY vs SHELF rows look different (Joel, Nov 1: "you should see a difference between the main categories and the sub categories") */
.shop .shdepbar:not(.shdepbar2){align-items:center;gap:8px!important;margin-bottom:8px}
.shop .shdepbar:not(.shdepbar2)::before{content:'Category';font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5B6B62;margin-right:2px}
.shop .shdepbar:not(.shdepbar2) .cchip{font-size:15px!important;font-weight:800!important;padding:9px 15px!important;border-radius:10px!important}
.shop .shdepbar2{align-items:center;gap:6px!important;margin:0 0 14px 4px!important;padding:6px 0 6px 12px;border-left:3px solid #D9DF7A}
.shop .shdepbar2::before{content:'Shelf';font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7A8A80;margin-right:2px}
.shop .shdepbar2 .cchip{font-size:13px!important;font-weight:600!important;padding:5px 11px!important;border-radius:8px!important;background:#F4F6EE!important;border:1px solid transparent!important;color:#2B3D34!important}
.shop .shdepbar2 .cchip.on{background:#fff!important;border:2px solid #193F33!important;color:#193F33!important;font-weight:800!important}
.shop .shdepbar2 .lvmore{background:#fff!important;border:1px dashed #9AA89F!important}
@media (max-width:640px){.shop .shdepbar:not(.shdepbar2) .cchip{font-size:14px!important;padding:8px 12px!important}.shop .shdepbar2{margin-left:2px!important;padding-left:9px}}
/* category page = picture tiles (Moses, Nov 1 — idea A) */
.cattls{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:4px 0 6px}
.cattl{display:flex;align-items:center;gap:10px;text-align:left;font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--line,#E7E9E0);border-radius:12px;padding:10px;cursor:pointer;min-height:68px}
.cattl:active{background:#F1FAF4}.ctim{flex:none;width:52px;height:52px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.ctim img{width:100%;height:100%;object-fit:contain}.ctem{font-size:26px}
.ctw{min-width:0;display:flex;flex-direction:column}.ctw b{font-size:14px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ctw small{font-size:12px;color:var(--mut,#6b7a70);margin-top:2px}
@media (max-width:640px){.cattl{padding:8px;gap:8px}.ctim{width:46px;height:46px}.ctw b{font-size:13.5px}}
/* SLIM tiles, 2 a row (Moses, Nov 1: "make smaller cards" → "2 per row, but narrow"): small picture left, name + count, about 52 px tall */
.cattls{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.cattl{flex-direction:row;align-items:center;text-align:left;gap:8px;padding:6px 8px;min-height:0}
.ctim{width:38px;height:38px;border-radius:8px}.ctw{align-items:flex-start}.ctw b{font-size:13px;font-weight:700;-webkit-line-clamp:1}.ctw small{font-size:11px;margin-top:0}
@media (max-width:640px){.cattl{padding:6px 8px;gap:8px}.ctim{width:36px;height:36px}.ctw b{font-size:13px}}
:root:not([data-theme="none"]) .dth .shh2{color:var(--dc,#193F33)} /* the cream department panel keeps dark titles in night mode too */
/* FULL screen on phones (Moses, Nov 1: "the screen is not full"): the department / category panel reaches both edges */
@media (max-width:640px){.dth{margin:0 -20px!important;border-radius:0!important;padding:10px 12px 18px!important}}
.ctbk{margin-bottom:8px}
#modal .box{overscroll-behavior:contain}
/* the footer sits at the bottom — no empty band under it (Joel, Nov 1: "what is the space under the footer") */
html.shb .shop .shm{padding-bottom:14px!important}html.shb .mcol>main{padding-bottom:0!important}
@media (min-width:861px){html.shb .shop{padding-bottom:0!important;min-height:0!important}}
/* 🌙 night: hechsher logos (mostly black) sit on a small white rounded square so they read on the dark cards (Joseph, Nov 1) */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) img.hlg{background:#fff;border-radius:4px;padding:1px;box-sizing:content-box}}
:root[data-theme="dark"] img.hlg{background:#fff;border-radius:4px;padding:1px;box-sizing:content-box}
.cattl.ctbt{background:var(--dc,#193F33)!important;border-color:var(--dc,#193F33)!important;color:#fff!important}.cattl.ctbt .ctim{background:rgba(255,255,255,.15)}.cattl.ctbt .ctem{font-size:30px;font-weight:800;color:#fff;line-height:1}.cattl.ctbt small,.cattl.ctbt b{color:#fff!important}
.ri.rrep{margin:-2px 0 4px 10px;padding:2px 0 2px 8px;border-left:3px solid #B42318;font-size:12px;color:#5b6660}.ri.rrep .rrf{color:#B42318}.ri.rrep b{font-weight:700}
.rreptag{font-style:normal;font-size:10px;font-weight:800;color:#fff;background:#18452F;border-radius:4px;padding:1px 5px;vertical-align:1px}
/* the category / shelf tiles = Moses' design on every screen; the picture = TWO of its own items side by side (Joel, Nov 1 via Tab #137: "put together from several pictures — 2 is enough, Claude decides what looks nicer": at 36–52 px two clear products read better than four tiny ones) */
.cattl .ctx2,.cattl .ctchv{display:none}.cattl .ctx{display:none}
.cattl .ctim.ctn2,.cattl .ctim.ctn3{position:relative;aspect-ratio:1.3/1;width:auto!important;background:#fff}
.cattl .ctim.ctn2 img,.cattl .ctim.ctn3 img{position:absolute;top:6%;left:2%;width:56%;height:88%;object-fit:contain}
.cattl .ctim.ctn2 .ctx1,.cattl .ctim.ctn3 .ctx1{display:block;left:auto;right:3%}
/* 🔍 in a box hint → a line search icon (Joel, Nov 1) */
input.phsr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23193F33' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:12px 50%!important;background-size:18px 18px!important;padding-left:40px!important}
/* ▦ Grid | ☰ Rows switch over every product list (Joseph, Nov 1) — rows = picture left, the card's own rows right; home sections stay boxes */
.shvw{display:flex;justify-content:flex-end;gap:4px;margin:0 0 8px}.shvw button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:1px solid #DCE0C6;border-radius:8px;background:#fff;color:#4A5A48;font:600 12.5px Inter,sans-serif;cursor:pointer}.shvw button.on{background:#1E4A2E;border-color:#1E4A2E;color:#fff}
.hmsr1 .shvw,.hmsps .shvw{display:none} /* the front page's Popular now + Shop by category have the switch too (Joseph, Nov 1: "add it also on the first page"); the swipe rows (Specials, On sale) stay */
html body.shrows .shg:not(.hmsr1 .shg){grid-template-columns:1fr!important;gap:8px!important}
@media (min-width:900px){html body.shrows .shg:not(.hmsr1 .shg){grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important;gap:10px!important}}
html body.shrows .shg:not(.hmsr1 .shg) .shc{position:relative;height:auto!important;min-height:118px;padding:10px 12px 10px 120px!important;font-size:inherit!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp{position:static!important;text-align:left!important;align-items:stretch!important;gap:3px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp .ipic{position:absolute!important;left:10px;top:10px;width:98px!important;height:98px!important;max-height:none!important;margin:0!important;aspect-ratio:auto!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp .ipic img{width:98px!important;height:98px!important;max-height:none!important;object-fit:contain!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp b{min-height:0!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shscph{display:none!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa .shadd2{width:auto!important;flex:0 0 auto!important;padding:0 16px!important;margin:0!important}
/* ☰ Rows for CATEGORIES (Joseph, Nov 1: "grid and rows both for items and categories") — Categories page = one line each (photo · name · items · ›), category tiles = one a row with the full name */
html body.shcrows .hcg.hcall{grid-template-columns:1fr!important;gap:8px!important}
@media (min-width:900px){html body.shcrows .hcg.hcall{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important}}
html body.shcrows .hcall .hct{aspect-ratio:auto!important;display:flex!important;align-items:center;gap:12px!important;min-height:72px;padding:8px 40px 8px 8px!important;background:#fff!important;border:1px solid #DCE0C6!important;box-shadow:none!important;border-radius:10px!important}
html body.shcrows .hcall .hct:after{content:"›"!important;inset:auto!important;left:auto!important;bottom:auto!important;right:14px!important;top:50%!important;transform:translateY(-50%);z-index:2;background:none!important;color:#1E4A2E;font:700 24px Inter,sans-serif}
html body.shcrows .hcall .hci{position:static!important;flex:0 0 72px!important;width:72px!important;height:56px!important;border-radius:8px!important;overflow:hidden}
html body.shcrows .hcall .hci img{width:100%;height:100%;object-fit:cover}
html body.shcrows .hcall .hcn{position:static!important;display:flex;flex-direction:column}
html body.shcrows .hcall .hcn b{color:#193F33!important;text-shadow:none!important;font-size:16px}html body.shcrows .hcall .hcn i{color:#6b7a70!important;font-style:normal;font-size:13px}
html body.shcrows .cattls{grid-template-columns:1fr!important;gap:8px!important}
@media (min-width:900px){html body.shcrows .cattls{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important}}
html body.shcrows .cattl{min-height:64px!important;padding:8px 12px!important;gap:12px!important}
html body.shcrows .cattl .ctim{width:52px!important;height:52px!important}
html body.shcrows .cattl .ctw b{-webkit-line-clamp:2!important;font-size:15px!important}
/* 🖥 the home category grid: every row full on a computer (Joel, Nov 1) — columns from hcCols(); the extra "On Sale" tile only on computers */
.hcxtra{display:none!important}
@media (min-width:861px){.hcxtra{display:block!important}html body .hmpage .hcg.hcp.hc6.hcev{grid-template-columns:repeat(var(--cm,4),minmax(0,1fr))!important}}
@media (min-width:1200px){html body .hmpage .hcg.hcp.hc6.hcev{grid-template-columns:repeat(var(--cl,var(--cm,4)),minmax(0,1fr))!important}}
@media (min-width:1600px){html body .hmpage .hcg.hcp.hc6.hcev{grid-template-columns:repeat(var(--cx,var(--cl,8)),minmax(0,1fr))!important}}
/* the open window moves UP above the phone keyboard (Moses, Nov 1: "move up the card when the keyboard is open — I can't see what's behind it") */
html.kbup .modal{padding-bottom:var(--kbh,0px)!important;box-sizing:border-box}
html.kbup .modal .box{max-height:calc(100vh - var(--kbh,0px) - 16px)!important;overflow-y:auto}
/* ☰ ROWS = COMPACT (Moses, Nov 1: "make it more compact"): small picture, tight lines, slim Single | Case and Add — about half the height */
html body.shrows .shg:not(.hmsr1 .shg) .shc{min-height:0!important;padding:8px 10px 8px 82px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp .ipic{left:8px!important;top:8px!important;width:64px!important;height:64px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp .ipic img{width:64px!important;height:64px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp{gap:1px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shp b{font-size:14px!important;line-height:1.25!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shsc{margin:4px 0 2px!important;min-height:0!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shsc button{min-height:30px!important;height:30px!important;padding:0 8px!important;font-size:12.5px!important;line-height:1.1!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shsc button b{font-size:12px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa{margin-top:2px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa .shadd2{height:34px!important;min-height:34px!important;padding:0 12px!important;font-size:14px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa .pr,html body.shrows .shg:not(.hmsr1 .shg) .shc .shpa b{font-size:17px!important}
/* category tiles always 2 a row — Rows changes only the items under them (Moses, Nov 1) */
html body.shcrows .dth .cattls,html body .dth .cattls{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;gap:8px!important}
html body.shcrows .dth .cattl{min-height:0!important;padding:6px 8px!important;gap:8px!important}html body.shcrows .dth .cattl .ctim{width:38px!important;height:38px!important}html body.shcrows .dth .cattl .ctw b{-webkit-line-clamp:1!important;font-size:13px!important}
/* "Popular in Pantry" and Grid | Rows on ONE line */
.shh2.shh2v{float:left;margin-right:10px}.shh2v+.shvw{float:right;margin-top:14px}.shh2v+.shvw+.shg{clear:both}
/* 🔜 department opening soon */
.dsoon{margin:12px 0 4px;padding:18px 16px;border-radius:14px;background:#fff;border:2px dashed var(--dc,#193F33);display:flex;flex-direction:column;gap:6px;text-align:center}.dsoon b{font-size:18px;color:var(--dc,#193F33)}.dsoon span{font-size:14px;color:#5b6660;line-height:1.45}
/* bigger Save in windows (Moses, Nov 1: "the save button is a thin line") */
#modal .box .btn.go.big2,#modal .box [data-adsave],#modal .box [data-stadsave]{min-height:54px!important;font-size:17px!important;font-weight:800!important;border-radius:12px!important}
#modal .box [data-addef],#modal .box [data-addel]{min-height:48px!important;font-size:15px!important}
/* "‹ Baking Needs" + Grid | Rows on ONE line, the same size, a bit bigger (Moses, Nov 1) */
.dth .ctbk{float:left;height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important;align-items:center;margin:0 0 10px!important}
.dth .ctbk+.shvw{float:right;margin:0 0 10px!important}.dth .ctbk+.shvw+.shg{clear:both}
.dth .ctbk+.shvw button,.dth .shh2v+.shvw button{height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:16px!important}
@media (min-width:900px){html body.shrows .hmpop .shg{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))!important}} /* front page Popular now in Rows = as many rows across as fit (Joseph, Nov 1) */
/* 📱 FOOTER on phones = HALF (Joseph, Nov 1: "smaller and more compact on the phone — cut at least in half"): small logo, no description, the 2 buttons on one row, address · call · email as 3 small chips, hours in 3 short lines, no Shop links (the bottom bar has them) */
@media (max-width:640px){
 html body .sfoot{margin-top:20px!important;padding:14px 14px 10px!important;border-radius:12px!important}
 html body .sfoot .sfg{gap:12px!important}
 html body .sfoot .sfb img{height:26px!important;width:84px!important}
 html body .sfoot .sfb p{display:none!important}
 html body .sfoot .sfa{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin-top:10px!important}
 html body .sfoot .sfbtn{flex:1 1 0;justify-content:center;padding:8px 4px!important;font-size:12.5px!important;min-height:0!important;white-space:nowrap;gap:5px!important}
 html body .sfoot h4{margin:0 0 6px!important;font-size:10.5px!important}
 html body .sfoot .sfg>div:nth-child(2){display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:6px!important}
 html body .sfoot .sfg>div:nth-child(2) h4{display:none!important}
 html body .sfoot .sfl{flex:1 1 0;min-width:0;display:flex!important;align-items:center;justify-content:center;gap:5px!important;margin:0!important;padding:7px 4px!important;border:1px solid rgba(255,255,255,.22);border-radius:9px;font-size:12px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden}
 html body .sfoot .sfl span{overflow:hidden;text-overflow:ellipsis}html body .sfoot .sfl br{display:none}
 html body .sfoot .sfl:first-of-type span{font-size:0}html body .sfoot .sfl:first-of-type span:after{content:"Directions";font-size:12px}
 html body .sfoot .sfl:last-of-type span{font-size:0}html body .sfoot .sfl:last-of-type span:after{content:"Email";font-size:12px}
 html body .sfoot .sfl:nth-of-type(2) span{font-size:0}html body .sfoot .sfl:nth-of-type(2) span:after{content:"Call";font-size:12px}
 html body .sfoot .sfh{margin:4px 0 0!important;font-size:12.5px!important;row-gap:2px!important}html body .sfoot .sfh dt,html body .sfoot .sfh dd{margin:0!important;padding:0!important}
 html body .sfoot .sfg>div:nth-child(4){display:none!important}
 html body .sfoot .sfbot{margin-top:10px!important;padding-top:8px!important;font-size:11px!important}html body .sfoot .sfbot span:last-child{display:none}
}
.dth .ctbk+.shvw button,.dth .shh2v+.shvw button{height:38px!important;min-height:38px!important;padding:0 12px!important;font-size:14px!important}
/* ROWS even narrower (Moses, Nov 1: "make the cards narrower in row view — still very big"): Single | Case · price · Add on ONE line, Add = a small cart button */
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin-top:4px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shsc{flex:1 1 auto!important;margin:0!important;min-width:0}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shsc button{height:30px!important;min-height:30px!important;font-size:11.5px!important;padding:0 6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shsc .csp2{display:none}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpa{flex:0 0 auto!important;margin:0 0 0 auto!important;gap:6px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpa .upr{display:none!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpa .shadd2{font-size:0!important;width:38px!important;height:34px!important;min-height:34px!important;padding:0!important;justify-content:center}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpa .shadd2 svg{width:20px!important;height:20px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shp .stkr{margin:0!important}
/* 🧃 SINGLE | CASE = ONE SLIM LINE (Joseph, Nov 1: "make the case smaller, more compact in rows and grids — too much space"): 28 px, "Case 12 ct · $75.06" on one line, the Add button slimmer — the placeholder keeps the same height so cards still line up */
html body .shg .shc .shsc.sm{margin:4px 0!important;padding:2px!important;border-radius:8px!important;min-height:0!important}
html body .shg .shc .shsc.sm button{flex-direction:row!important;gap:3px!important;height:28px!important;min-height:0!important;padding:0 6px!important;font-size:11.5px!important;line-height:1!important;border-radius:6px!important}
html body .shg .shc .shsc.sm button:first-child{flex:0 0 auto!important}
html body .shg .shc .shsc.sm .csp2{display:inline!important;margin:0!important;font-size:11.5px!important}html body .shg .shc .shsc.sm .csp2:before{content:"· ";font-weight:600}
html body .shg .shc .shadd2{height:36px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;font-size:14px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shsc.sm{display:inline-flex!important;width:auto!important;max-width:100%!important}
/* 📦 Inventory cards (Moses, Nov 1) */
.stkcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px}
.stkc{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;color:inherit;background:var(--surface,#fff);border:1px solid var(--line,#E7E9E0);border-left:5px solid #1F7A4A;border-radius:12px;padding:8px 10px;cursor:pointer;min-height:78px}
.stkc.y{border-left-color:#E0A800}.stkc.r{border-left-color:#C2362B}
.stkc img{width:56px;height:56px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.stkc .w{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.stkc .w b{font-size:14.5px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stkc .w small{font-size:12px;color:var(--mut,#6b7a70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stkm{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}.stkm i{font-style:normal;font-size:11.5px;background:#F2F4EE;border-radius:6px;padding:2px 6px;color:#39413B;white-space:nowrap}
.stkn{flex:none;display:flex;flex-direction:column;align-items:flex-end;min-width:58px}.stkn b{font-size:22px;font-weight:800;color:#1F7A4A;line-height:1}.stkc.y .stkn b{color:#B07C00}.stkc.r .stkn b{color:#C2362B}.stkn small{font-size:11px;color:var(--mut,#6b7a70)}
body.sain .chips,#main .stkbar+.chips{flex-wrap:wrap!important;overflow:visible!important}
/* 🛒 PRICE on top, then ONE ROW: Single | Case + Add (Joseph, Nov 1: "Add | Single | Case all need to fit one row — by grid and by row"); grid = Add as the cart icon + "Case 6" (the price line shows the case price when Case is picked); rows = the full words; in the cart the − qty + takes Add's place (its own row when there is no room) */
html body .shg .shc .shpw{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important}
html body .shg .shc .shpw>.shpa{display:contents!important}
html body .shg .shc .shpw .prbw{order:-1;flex:1 1 100%!important;min-width:0}
html body .shg .shc .shpw>.shsc{flex:1 1 0!important;min-width:0!important;margin:0!important;width:auto!important}
html body .shg .shc .shpw .shadd2,html body .shg .shc .shpw .shbk,html body .shg .shc .shpw .shpill{flex:0 0 auto!important;margin:0!important}
html body:not(.shrows) .shg .shc .shpw .shadd2{width:40px!important;height:32px!important;padding:0!important;font-size:0!important;justify-content:center}html body:not(.shrows) .shg .shc .shpw .shadd2 svg{width:19px;height:19px}
html body .shg .shc .shsc.sm .csp2{display:none!important}
html body .shg .shc .shsc.sm button{height:30px!important}
html body.shrows .shg:not(.hmsr1 .shg) .shc .shpw .shadd2{height:32px!important}
/* Rows: Single | Case · price · 🛒 never break to a second line (Joseph, Nov 1) — the struck-out old price hides here (the red sale price stays), the switch gives way first */
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw{flex-wrap:nowrap!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpa .prb s{display:none!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shsc{flex:0 1 auto!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpill{height:34px!important;width:118px!important;min-width:0!important;flex:0 0 118px!important;padding:0 2px!important}html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc .shpw .shpill button{height:30px!important;width:30px!important}
.cuhide{display:none!important}.cuchips{margin:0 0 8px}
.stkm i.cuow{font-weight:800}.stkm i.cuow.r{background:#FDECE8;color:#9B2C1E}.stkm i.cuow.y{background:#FFF4D6;color:#8A5A00}.stkm i.cuow.g{background:#E3F3EA;color:#0F4023}
/* 👤 MY ACCOUNT — Joseph's picked layout (Nov 1): a SLIM member card (name · since · level · the bar to the next level inside it), small numbers, YOUR LAST ORDER with ↻ Order again, the quick buttons, Island+ as one slim line */
html body .acpage .apcard{aspect-ratio:auto!important;min-height:0!important;padding:12px 14px!important;border-radius:14px!important;margin:4px auto 10px!important;gap:4px;display:grid!important;grid-template-columns:1fr auto;grid-template-areas:"n l" "b b";align-items:center}
html body .acpage .apcard .apct{grid-area:l;display:block!important}html body .acpage .apcard .apct img{display:none!important}
html body .acpage .apcard .aplv{display:inline-flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.45);border-radius:8px;padding:4px 9px}html body .acpage .apcard .aplv b{font-size:13px!important;letter-spacing:.1em}html body .acpage .apcard .aplv i{font-size:8.5px!important;letter-spacing:.08em;font-style:normal;opacity:.8}
html body .acpage .apcard .apcn{grid-area:n;min-width:0}html body .acpage .apcard .apcn b{font-size:19px!important}html body .acpage .apcard .apcn span{font-size:12px!important}
html body .acpage .apcard .applus{position:absolute!important;right:12px;bottom:8px;font-size:10px}
.apbar{grid-area:b;position:relative;z-index:1;font-size:11.5px;margin-top:4px}.apbar i{display:block;height:6px;border-radius:4px;background:rgba(255,255,255,.45);overflow:hidden;margin-bottom:3px}.apbar i b{display:block;height:100%;background:currentColor;opacity:.85}.apbar span{opacity:.85}
html body .acpage .apst2{gap:8px!important;margin-bottom:10px!important}html body .acpage .apst2 div{padding:8px 10px!important;border-radius:10px!important}html body .acpage .apst2 b{font-size:17px!important}html body .acpage .apst2 i{font-size:11.5px!important}
.aplast{margin:0 0 10px}.aplh{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px}.aplh b{font-size:15px;color:#193F33}
.aplc{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 4px 16px rgba(20,35,27,.07)}
.aplo{flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;font:inherit;color:#193F33;cursor:pointer;display:flex;flex-direction:column;gap:2px}.aplo b{font-size:14.5px}.aplo span{font-size:12px;color:#6b7a70}.aplo em{align-self:flex-start;font-style:normal;font-weight:800;font-size:11px;padding:2px 7px;border-radius:6px;background:#FFF4D6;color:#8A5A00;margin-top:3px}.aplo em.d{background:#E3F3E8;color:#1E7A46}
.apag{flex:none;border:0;border-radius:10px;background:#E9EC90;color:#193F33;font:800 13.5px Inter,sans-serif;padding:10px 12px;cursor:pointer;white-space:nowrap}
html body .acpage .apq{gap:8px!important;margin-bottom:10px!important}html body .acpage .apq button{padding:8px 4px!important;border-radius:10px!important;gap:3px!important}html body .acpage .apq b{font-size:12px!important}
.apjoin2{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #DCE0C6;background:#fff;border-radius:10px;padding:9px 12px;margin:0 0 12px;font:inherit;font-size:13px;color:#33463C;text-align:left;cursor:pointer}.apjoin2 b{color:#193F33}.apjoin2 i{flex:1;font-style:normal;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apjoin2 em{font-style:normal;font-weight:800;color:#193F33}
html body .acpage .matabs{margin-bottom:10px!important}html body .acpage .matabs button{padding:7px 4px!important;font-size:13.5px!important;min-height:0!important}
/* Team tabs: every name fits its box (Moses, Nov 1) — boxes size to their words and wrap to the next line */
.tmtabs{display:flex;flex-wrap:wrap}.tmtab{flex:1 1 auto;min-width:0;white-space:nowrap;justify-content:space-between}
@media(max-width:640px){.tmtabs{gap:5px}.tmtab{font-size:12px;padding:8px 9px;gap:6px}.tmtab .n{padding:1px 6px}}
/* ROWS = SHORT (Moses, Nov 1: "make the rows smaller, narrower, not so high" — "not half, half will be too small"): price · Single | Case · cart on ONE line, small picture, tight gaps */
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc{padding:8px 10px 8px 84px!important;min-height:0!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shp .ipic,html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shp .ipic img{width:64px!important;height:64px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shp .ipic{left:8px!important;top:8px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shp{gap:0!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shp b{font-size:14px!important;line-height:1.25!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw{flex-wrap:nowrap!important;margin-top:6px!important;gap:6px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw{order:-1!important;flex:0 1 auto!important;min-width:0}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw .pr,html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw b{font-size:16px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw s,html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw .upr{font-size:11px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw>.shsc{margin:0 0 0 auto!important;flex:0 0 auto!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .shsc button{height:28px!important;min-height:28px!important;font-size:11.5px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .shadd2{height:30px!important;min-height:30px!important;width:36px!important}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .shpill{height:30px!important;width:100px!important;flex:0 0 100px!important}
/* OWED is never green (Moses, Nov 1: "green is for shops/spent — if they owe, a certain color"): current balance = BLUE · 30–60 yellow · 60+ red */
.stkc.b{border-left-color:#2F6FB3}.stkc.b .stkn b{color:#2F6FB3}.stkm i.cuow.b{background:#E4EEF9;color:#1D4F86}
.cufrow{display:flex;gap:8px;align-items:center}.cufrow .find{flex:1;min-width:0}.cufrow .btn{flex:none}
.cusug{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cusg{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line,#E2E6E0);background:var(--card,#fff);border-radius:10px;padding:8px 10px;font:inherit;color:inherit;cursor:pointer}.cusg small{color:var(--mut,#6b7a70);font-size:12px}
.cufp{margin-top:10px}.cufp .label{margin-top:6px}.bc-box.on{border-color:#193F33;box-shadow:inset 0 0 0 1px #193F33}
.cufind~.cubal .cuchips{display:none}
.stkc .stkn.sp b{color:#1F7A4A!important} /* SPENT is always green (Moses, Nov 1) — the stripe + the Owes tag show what is owed */
.pkav.pkhbk{border:0;cursor:pointer;background:rgba(255,255,255,.14);color:#fff}.pkav.pkhbk svg{stroke:#fff}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw>.shsc{margin:0 auto 0 0!important} /* Rows: Single | Case at the left, price + 🛒 at the right, ONE line (Joseph, Nov 1) */
/* ☰ ROWS — FINAL (Joseph, Nov 1: "you have enough place — go under the picture too; the picture should be the full box"): the picture fills the left box next to brand · name · aisle, and the bottom line (Single | Case · price · 🛒) runs the FULL width under it — the same on every list, the front page's Popular now too */
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc{position:relative!important;padding:10px 12px!important;min-height:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shp{position:static!important;padding:0 0 0 104px!important;min-height:92px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shp .ipic{position:absolute!important;left:10px!important;top:10px!important;width:92px!important;height:92px!important;margin:0!important;border-radius:10px!important;background:#fff!important;overflow:hidden}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shp .ipic img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;margin-top:8px!important;width:100%!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw>.shsc{flex:0 1 auto!important;min-width:0!important;margin:0!important;width:auto!important;display:inline-flex!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw>.shscph{visibility:hidden}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw>.shpa{display:flex!important;flex:1 1 auto!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;margin:0!important;min-width:0}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw .prbw{order:0!important;flex:0 1 auto!important;min-width:0}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw .shadd2{font-size:0!important;width:40px!important;height:34px!important;min-height:0!important;padding:0!important;flex:0 0 40px!important;justify-content:center}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpw .shadd2 svg{width:20px!important;height:20px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shsc.sm button{height:30px!important;padding:0 9px!important;font-size:12.5px!important}html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shsc .csp2{display:none!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc .shpill{flex:0 0 118px!important;width:118px!important;height:34px!important}
/* Rows: the price per oz / ct + the old price ALWAYS show (Moses, Nov 1: "I can't see the price per ounce") — under the price, never cut off */
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;line-height:1.1}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prbw .upr,html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .shpa .upr{display:block!important;font-size:11px!important;white-space:nowrap;color:var(--mut,#6b7a70)}
html body.shrows .shg:not(.hmpop .shg):not(.hmsr1 .shg) .shc.shc .shpw .prb{white-space:nowrap}
/* ☰ ROWS — COMPACT + BIG PICTURE (Joseph, Nov 1: "make the picture bigger — and the row much more compact"): the picture takes the whole left side of the card (top to bottom, 108 px), brand · name · aisle and the Single | Case · price · 🛒 line sit to its right, tight lines */
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc{padding:8px 10px 8px 126px!important;min-height:124px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shp{padding:0!important;min-height:0!important;gap:1px!important;justify-content:flex-start!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shp .ipic{left:8px!important;top:8px!important;bottom:8px!important;width:108px!important;height:auto!important;min-height:108px}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shp .shbz{font-size:12.5px!important;line-height:1.25!important;margin:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shp>b{font-size:14.5px!important;line-height:1.25!important;margin:0!important;-webkit-line-clamp:2!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shp .stkr{font-size:12px!important;margin:0!important;min-height:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpw{margin-top:5px!important;gap:6px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shsc.sm button{height:28px!important;padding:0 7px!important;font-size:12px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpw .prb b{font-size:17px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpw .upr,html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpw .prb s{display:none!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpw .shadd2{width:36px!important;flex:0 0 36px!important;height:32px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg) .shc .shpill{flex:0 0 104px!important;width:104px!important;height:32px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6) .shg:not(.hmsr1 .shg){gap:6px!important}
/* Rows: EVERY row the same size (Moses, Nov 1: "not all the same height, same size — make sure it's always the same size"): on Joseph's final Rows line, Single | Case, the price and the cart / − n + box have FIXED widths + one height, so every row lines up */
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw{min-height:38px}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw>.shsc{flex:0 0 124px!important;width:124px!important;display:flex!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw>.shsc button{flex:1 1 50%!important;min-width:0!important;padding:0 4px!important;height:32px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw .prbw{flex:0 0 78px!important;width:78px!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;line-height:1.1}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shadd2,html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shpill{flex:0 0 104px!important;width:104px!important;height:34px!important;min-height:34px!important;margin:0!important}
/* ONE back + ONE title in the store app (Moses, Nov 1: "I don't need 2 times the back button"): under the green header, the page's own title row (and its ‹) is hidden — its buttons stay */
#main .iadHsp~.top>h1{display:none!important}#main .iadHsp~.top{min-height:0}
/* Rows: the fixed widths (Moses: every row the same size) made to FIT next to Joseph's bigger picture (Nov 1 — they overlapped): picture 88 px, Single | Case 94 · price 60 · 🛒 or − n + 66 */
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc{padding-left:106px!important;min-height:112px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shp .ipic{width:88px!important;min-height:96px}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw{gap:5px!important;justify-content:space-between!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw>.shsc{flex:0 0 94px!important;width:94px!important;margin:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw>.shsc button{font-size:11px!important;padding:0 2px!important;height:30px!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw>.shpa{flex:1 1 auto!important;display:flex!important;justify-content:flex-end!important;gap:5px!important;min-width:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .prbw{flex:0 0 60px!important;width:60px!important;overflow:hidden}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .prb b{font-size:15.5px!important;letter-spacing:-.02em}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shadd2,html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shpill{flex:0 0 66px!important;width:66px!important;height:32px!important;min-height:32px!important;padding:0!important}
html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shpill button{width:21px!important;min-width:0!important;padding:0!important}html body.shrows:not(.x1):not(.x2):not(.x3):not(.x4):not(.x5):not(.x6):not(.x7) .shg:not(.hmsr1 .shg) .shc.shc .shpw .shpill b{font-size:14px!important;min-width:0!important}
/* customer card: every box + line opens something (Joseph, Nov 1) */
button.cpst{font:inherit;text-align:left;cursor:pointer;color:inherit;border:1px solid var(--line,#E3E8E1);display:block;width:100%}button.cpst:active,.cpr.cpra:active{background:#F1FAF4}
button.cpr{width:100%;font:inherit;text-align:left;background:none;border:0;cursor:pointer;color:inherit}.cpr.cpra{cursor:pointer;text-decoration:none;color:inherit}.cprc{margin-left:auto;font-style:normal;color:#9AA59C;font-size:18px;padding-left:6px}
tr.cpflash td{background:#FFF4D6!important;transition:background .3s}
.cpcard button.cpr{border-top:1px solid var(--line,#ECEEE7)!important}
/* Website activity on the customer card: closed until its title is tapped (Joseph, Nov 1) */
.waccx:not(.open) .rcard>:not(h3){display:none!important}.waccx h3{cursor:pointer;user-select:none}.waccx h3:after{content:"›";margin-left:8px;font-size:20px;color:#6b7a70;display:inline-block;transition:transform .2s}.waccx.open h3:after{transform:rotate(90deg)}
/* 📱 FOOTER on phones = HALF AGAIN (Joseph, Nov 1: "cut the bottom in half"): no logo (the top bar has it), ONE row of 5 small buttons (Chat · Feedback · Directions · Call · Email), the store hours as one short wrapped line, the © line only */
@media (max-width:640px){
 html body .sfoot.sfoot{padding:10px 10px 8px!important;margin-top:14px!important}
 html body .sfoot.sfoot .sfg{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}
 html body .sfoot.sfoot .sfg>div:nth-child(1),html body .sfoot.sfoot .sfg>div:nth-child(2),html body .sfoot.sfoot .sfa{display:contents!important}
 html body .sfoot.sfoot .sfb img,html body .sfoot.sfoot .sfb p{display:none!important}
 html body .sfoot.sfoot .sfbtn,html body .sfoot.sfoot .sfl{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:7px 2px!important;min-height:0!important;height:auto!important;font-size:11px!important;line-height:1.1!important;border-radius:9px!important;white-space:nowrap;overflow:hidden;margin:0!important;width:auto!important;flex:none!important}
 html body .sfoot.sfoot .sfbtn{font-size:0!important}html body .sfoot.sfoot .sfbtn svg{width:18px;height:18px}html body .sfoot.sfoot .sfbtn:after{font-size:11px;content:"Chat"}html body .sfoot.sfoot .sfbtn.ghost:after{content:"Feedback"}
 html body .sfoot.sfoot .sfl svg{width:18px;height:18px}
 html body .sfoot.sfoot .sfg>div:nth-child(3){grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px}
 html body .sfoot.sfoot .sfg>div:nth-child(3) h4{display:none!important}
 html body .sfoot.sfoot .sfg>div:nth-child(3)>:not(h4):not(dl){margin:0!important;padding:3px 7px!important;font-size:11.5px!important;border-radius:6px!important}
 html body .sfoot.sfoot .sfh{display:flex!important;flex-wrap:wrap;gap:0 4px!important;margin:0!important;font-size:11.5px!important}html body .sfoot.sfoot .sfh dt,html body .sfoot.sfoot .sfh dd{font-size:11.5px!important;margin:0!important;font-weight:600}html body .sfoot.sfoot .sfh dt:after{content:":"}html body .sfoot.sfoot .sfh dd:not(:last-child):after{content:" ·";color:#AFC5B8}
 html body .sfoot.sfoot .sfbot{margin-top:6px!important;padding-top:6px!important;font-size:10.5px!important}
}
/* Inventory in the store app = ONE line: search · Filters · Scan (Moses, Nov 1); category / place + the chips open under Filters; the old icon row on top is gone */
.stkbar .stkfb{display:none}
body.pg-inv #main .iadHsp~.top{display:none!important}
#main .iadHsp~.stkbar{flex-wrap:wrap!important;gap:8px}
#main .iadHsp~.stkbar .find{flex:1 1 0!important;min-width:0;order:0;height:52px;font-size:17px}
#main .iadHsp~.stkbar .stkfb{display:inline-flex;position:relative;flex:none;order:1;width:52px;height:52px;padding:0!important;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line,#dfe6e1);background:var(--card,#fff)}
#main .iadHsp~.stkbar .stkfb.on{background:#dff3e6;border-color:#1d6b45;color:#1d6b45}#main .iadHsp~.stkbar .stkfb b{position:absolute;top:3px;right:3px;background:#1d6b45;color:#fff;font-size:11px;border-radius:6px;padding:0 5px;line-height:16px}
#main .iadHsp~.stkbar .stksc{flex:none;order:2;height:52px;display:inline-flex;align-items:center;gap:6px;padding:0 16px!important;font-weight:800;font-size:16px}
#main .iadHsp~.stkbar select{order:3;flex:1 1 40%!important;max-width:none!important;height:44px}
#main .iadHsp~.stkbar:not(.fo) select{display:none}
#main .iadHsp~.stkbar:not(.fo)+.chips{display:none!important}
#main .iadHsp~.stkbar{display:grid!important;grid-template-columns:1fr 1fr 52px auto;align-items:center}
#main .iadHsp~.stkbar .find{grid-column:1/3;width:100%}#main .iadHsp~.stkbar .stkfb{grid-column:3}#main .iadHsp~.stkbar .stksc{grid-column:4}
#main .iadHsp~.stkbar select:nth-of-type(1){grid-column:1/2;width:100%}#main .iadHsp~.stkbar select:nth-of-type(2){grid-column:2/5;width:100%}
#main .iadHsp~.stkbar{grid-template-columns:1fr 1fr 52px 116px}#main .iadHsp~.stkbar .find{height:52px!important;min-height:52px!important;font-size:17px!important}
#main .iadHsp~.stkbar select:nth-of-type(1){grid-column:1/3}#main .iadHsp~.stkbar select:nth-of-type(2){grid-column:3/5}
html body #main .iadHsp~.stkbar input.find#stkQ{height:52px!important;min-height:52px!important;max-height:none!important;padding-top:0!important;padding-bottom:0!important;font-size:17px!important}
/* My account: the card + the 3 numbers open something (Joseph, Nov 1: "everything clickable") */
.apcard[data-shsec]{cursor:pointer}.apst2 button{border:0;font:inherit;text-align:left;cursor:pointer;color:inherit;background:#fff;border-radius:16px;padding:14px 12px;box-shadow:0 4px 16px rgba(20,35,27,.07);display:flex;flex-direction:column;gap:2px}.apst2 button:active,.apcard[data-shsec]:active{filter:brightness(.97)}
html body .acpage .apst2 button{padding:8px 10px!important;border-radius:10px!important}html body .acpage .apst2 button b{font-size:17px!important}html body .acpage .apst2 button i{font-size:11.5px!important}
/* 📝 note for the shopper on the product page (Joseph, Nov 1) */
.ppnote{display:flex;align-items:center;gap:8px;width:100%;margin:10px 0 4px;padding:11px 12px;border:1px dashed #C9CFB4;border-radius:10px;background:#FBFCF6;color:#33463C;font:600 14px Inter,sans-serif;text-align:left;cursor:pointer}.ppnote span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppnote i{font-style:normal;color:#9AA59C;font-size:18px}.ppnote svg{flex:none;color:#1E4A2E}
/* Grid (Joseph, Nov 1: "price always one row — and single and case same size"): the price line never wraps (price · old price · unit price shrink to fit, the unit price gives way first); Single and Case are always two EQUAL halves, picked or not, and the switch keeps the same width in or out of the cart */
html body:not(.shrows) .shg .shc .shpw .prbw{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;min-width:0!important;height:auto!important}
html body:not(.shrows) .shg .shc .shpw .prbw .prb{flex:0 0 auto!important;height:auto!important}
html body:not(.shrows) .shg .shc .shpw .prbw .upr{flex:0 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;display:inline!important}
@media (max-width:640px){html body:not(.shrows) .shg .shc .shpw .prbw .prb b{font-size:18px!important}html body:not(.shrows) .shg .shc .shpw .prbw .prb s,html body:not(.shrows) .shg .shc .shpw .prbw .upr{font-size:11.5px!important}}
html body .shg .shc .shsc.sm button,html body .shg .shc .shsc.sm button:first-child,html body .shg .shc .shsc.sm button.on{flex:1 1 0!important;min-width:0!important;width:auto!important;justify-content:center!important;text-align:center!important}
html body:not(.shrows) .shg .shc .shpw>.shsc{flex:1 1 0!important;min-width:0!important}
html body:not(.shrows) .shg .shc .shpw.on>.shsc{flex:1 1 100%!important}
html body:not(.shrows) .shg .shc .shpw .prbw{flex-wrap:wrap!important;height:26px!important;row-gap:0!important;align-content:flex-start!important}html body:not(.shrows) .shg .shc .shpw .prbw>*{line-height:26px!important}html body:not(.shrows) .shg .shc .shpw .prbw .upr{flex:0 0 auto!important;overflow:visible!important} /* what doesn't fit on the one price row (the unit price first) is left out whole, never cut in half */
html body:not(.shrows) .shg .shc .shpw .shpill{height:34px!important;min-height:0!important}html body:not(.shrows) .shg .shc .shpw .shpill button{height:30px!important}html body:not(.shrows) .shg .shc .shpw .prbw{column-gap:4px!important} /* in the cart the − 1 + row is the same height as Single | Case, so the cards line up */
html body:not(.shrows) .shg .shc .shpw.on>.shscph{display:none!important}html body:not(.shrows) .shg .shc .shpw.on .shpill{flex:1 1 100%!important;width:auto!important} /* in the cart: price row, then the − 1 + row — the same two rows as every other card */
/* 📦 Inventory ITEM CARD (Moses, Nov 1): picture + location on top, 3 actions, Warehouse · Grocery · Both, boxes = the lists' 30-day sums, every line opens */
.ithd{display:flex;gap:12px;align-items:center;margin:0 0 10px}.ithd .ipxi{width:92px;height:92px;object-fit:contain;flex:none;border-radius:10px;background:#fff}.ithd .w{min-width:0;display:flex;flex-direction:column;gap:6px}
.itloc{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px}.itloc svg{flex:none;color:#1d6b45}
.itacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 10px}.itacts .btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:58px;font-weight:700;font-size:13px;padding:6px 4px!important}
.itseg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 10px;background:var(--line,#e7ece8);padding:4px;border-radius:12px}
.itseg button{border:0;border-radius:9px;background:transparent;min-height:42px;font:inherit;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:#3d4a43;cursor:pointer}
.itseg button.on{background:#fff;color:#193F33;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.ifls{display:flex;flex-direction:column}.iflr{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--line,#eef1ee)}
.iflr[role=button]{cursor:pointer}.iflr[role=button]:active{background:#f1f6f2}.iflr.tot{background:#f7f8f3}
.ifld{font-size:13px;color:var(--mut,#6b7a70);font-variant-numeric:tabular-nums}.iflw{display:flex;flex-direction:column;min-width:0}.iflw b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iflw span{font-size:12.5px;color:var(--mut,#6b7a70);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.iflq{font-size:16px;font-variant-numeric:tabular-nums;text-align:right}
/* 🏷 the store's hechsher — Satmar Kashrus (Joseph, Nov 1) */
.skst{display:flex;align-items:center;gap:12px;margin:10px 0;padding:8px 12px;border:1px solid #E6DDE2;border-radius:12px;background:#FBF8FA;text-decoration:none;color:#4A2A3B}.skst img{height:36px;width:auto;flex:none}.skst span{display:flex;flex-direction:column;min-width:0;line-height:1.25}.skst b{font-size:11.5px;font-weight:600;color:#6b5a63}.skst i{font-style:normal;font-weight:800;font-size:14px}
.skst.skf{background:rgba(255,255,255,.95);border-color:transparent;margin:12px 0 0}
@media (max-width:640px){.skst{padding:6px 10px;gap:10px;margin:8px 0}.skst img{height:30px}.skst i{font-size:13px}.skst b{font-size:11px}html body .sfoot.sfoot .skst.skf{grid-column:1/-1;margin:2px 0 0}}
.itdays{display:flex;gap:6px;margin:0 0 10px}
/* the size ALWAYS shows in full on the brand line — only the brand name shortens (…) (Joseph, Nov 1) */
.shbz .bzt{display:inline-flex!important;align-items:baseline;min-width:0;max-width:100%;overflow:hidden;white-space:pre}.shbz .bzt .bzb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.shbz .bzt .bzz{flex:0 0 auto;white-space:nowrap}
.iflmore{display:block;width:calc(100% - 24px);margin:8px 12px;min-height:44px;font-weight:700}
/* SK line in the footer = Island's own green, never a white box (Joseph, Nov 1) — the SK logo in light lines on the green */
html body .sfoot .skst.skf{background:rgba(255,255,255,.06)!important;border:1px solid rgba(233,236,144,.35)!important;color:#fff}html body .sfoot .skst.skf img{filter:brightness(0) invert(1);opacity:.95}html body .sfoot .skst.skf b{color:#AFC5B8!important}html body .sfoot .skst.skf i{color:#E9EC90!important}
/* 🗑 Cancel this order — bigger + red (Joseph, Nov 1) */
html body .ocxb{min-height:48px!important;font-size:16px!important;font-weight:800!important;color:#fff!important;background:#C8102E!important;border-color:#C8102E!important;width:100%}html body .ocxb svg{color:#fff}
html body [data-ocxok]{color:#fff!important;background:#C8102E!important;border-color:#C8102E!important;font-weight:800!important}
/* brand search: category chips + a title over each category (Joseph, Nov 1) */
.brchips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.brgh{font-size:16px;margin:16px 0 8px;color:#193F33;display:flex;gap:8px;align-items:baseline}.brgh span{font-size:12px;color:#6b7a70;font-weight:600}
.brco{margin:0 0 10px;padding:10px;border:1px solid #DCE0C6;border-radius:12px;background:#FBFCF6}.brco>span{display:block;font-weight:800;font-size:13.5px;color:#193F33;margin-bottom:6px}.brco .ops2{display:flex;flex-wrap:wrap;gap:6px}
/* the item you came from = a YELLOW line on the ticket (Moses, Nov 1: "make yellow the line I'm looking for") */
tr.rhl>td,.rhl:not(.rcpt .ri){background:#FFF1A8!important}tr.rhl>td:first-child{box-shadow:inset 4px 0 0 #E0A800}
:root:not([data-theme="none"]) .rcpt .ri.rhl{background:#FFF1A8!important}
tr.rhl>td:first-child{padding-left:10px!important}tr.rhl>td:last-child{padding-right:8px!important}

/* 🌐 website in Yiddish (Joseph, Nov 1) — app.js yiStart: right-to-left; product names / brands / sizes stay left-to-right; nothing shows until the words are swapped */
html.yiwait body{visibility:hidden}
.shlang{min-width:44px;padding:0 8px;font-weight:700;font-size:14px}
html.yiw body{font-family:Arial,"Inter",sans-serif}
html.yiw .bzb,html.yiw .bzz,html.yiw .hsv{direction:ltr;unicode-bidi:isolate}
html.yiw input,html.yiw textarea{text-align:right}
html.yiw .shp b,html.yiw .shbz,html.yiw .upr,html.yiw .pr,html.yiw .prbw,html.yiw .shm b{unicode-bidi:plaintext;text-align:right}
html.yiw body .sfoot .sfl:first-of-type span:after{content:"וועג ווייזער"}
html.yiw body .sfoot .sfl:last-of-type span:after{content:"אימעיל"}
html.yiw body .sfoot .sfl:nth-of-type(2) span:after{content:"רוף"}
html.yiw body .sfoot.sfoot .sfbtn:after{content:"טשעט"}
html.yiw body .sfoot.sfoot .sfbtn.ghost:after{content:"מיינונג"}
/* 🛒 add like Foodoo (Joseph, Nov 1): flying picture + "3 Edit" box after 3 s */
.shfly{position:fixed;z-index:2147483000;object-fit:contain;pointer-events:none;background:transparent;border:0;box-shadow:none;mix-blend-mode:multiply} /* only the ITEM flies — the white of the photo disappears (multiply), no box (Joseph, Nov 1) */
.shac .shqc{display:none}
.shac .shpill{position:relative}
.shac.pcol .shpill>button,.shac.pcol .shpill>b{visibility:hidden}
.shac.pcol .shqc{display:flex;position:absolute;inset:-1.5px;gap:6px;align-items:center;justify-content:center;border:1.5px solid var(--brand,#1d4a37);border-radius:inherit;background:#fff;color:var(--brand,#1d4a37);cursor:pointer;padding:0}
.shac.pcol .shqc b{font-size:15px;visibility:visible}.shac.pcol .shqc span{font-size:12px;font-weight:600;text-decoration:underline}
/* ❓ can't find a product */
.reqbox{margin:10px 0;display:grid;gap:6px}
.reqbtn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px;border:1.5px dashed var(--line,#c9d3cc);border-radius:10px;background:transparent;color:var(--brand,#1d4a37);font-weight:600;cursor:pointer}
.reqh{display:flex;justify-content:space-between;align-items:baseline}
.reql{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line,#e2e7e3);border-radius:10px}
.reqf{display:grid;grid-template-columns:1fr 96px;gap:10px}
#rqN.bad{border-color:var(--c-red,#c0392b)}
/* Item Adjustments: BIGGER pictures (Joseph, Nov 1: "pictures bigger") */
.iadli img{width:84px!important;height:84px!important;border-radius:10px}
.iadres img{width:72px!important;height:72px!important}

/* 👤 Team card — tiles with their choices, people under them with ✕, Save (Moses, Nov 1) */
.accg .accsub{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;margin:-2px 0 4px;border-left:3px solid var(--brand,#1f5a3a);background:rgba(31,90,58,.05);border-radius:10px}.accg .accsub>.small{grid-column:1/-1}.accg .acct.sub{font-size:.95em}
.tmuc{display:inline-flex;gap:2px;align-items:center}
.tmuc .cchip.x{padding:4px 8px;min-width:0;color:#B3261E}
.tmsave{margin:12px 0 4px;gap:10px;flex-wrap:wrap}
.tmsec #appCard{box-shadow:none;border:0;margin:0}.tmsec #appCard h3{display:none}.tmsec #appCard .pad{padding:0}

/* person card tabs (Moses, Nov 1) */
.tmctabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:10px 0 0;padding:4px;background:rgba(31,90,58,.07);border-radius:12px}
.tmctab{border:0;background:none;padding:9px 4px;border-radius:9px;font-weight:700;font-size:.92em;color:var(--mut,#5b6660);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tmctab.on{background:var(--card,#fff);color:var(--ink,#16231c);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tmcbody{padding-top:6px}.tmblk{padding:12px 0;border-bottom:1px solid var(--line,#e6e8e4)}.tmblk:last-child{border-bottom:0}
.tmbt{font-weight:800;font-size:1em;margin-bottom:8px}
.tmch+.acts .btn.sm{padding:6px 10px}

/* person card, clean (Moses, Nov 1: "still a mix-up") */
.tmacts{display:flex;gap:6px;margin:10px 0 6px;align-items:center}.tmacts>.btn,.tmacts>a.btn{flex:1;justify-content:center;text-align:center;padding:8px 4px}
.tmmore{position:relative}.tmmore>summary{list-style:none;cursor:pointer;padding:8px 12px}.tmmore>summary::-webkit-details-marker{display:none}
.tmmenu{position:absolute;right:0;top:calc(100% + 4px);z-index:5;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--card,#fff);border:1px solid var(--line,#e2e5e0);border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.15);min-width:150px}
.tmform{display:grid;grid-template-columns:auto 1fr;gap:10px 12px;align-items:center}.tmform>label{font-weight:700;font-size:.92em;color:var(--mut,#5b6660);white-space:nowrap}.tmform select{width:100%;margin:0}
.tmrow{display:flex;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#eceee9)}.tmrow .w{flex:1;min-width:0;display:flex;flex-direction:column}
.tmblk #appCard h3{display:none}.tmblk #appCard{box-shadow:none;border:0;margin:0}.tmblk #appCard>.pad{padding:0}
.tmctab{font-size:.84em;padding:9px 2px;text-overflow:clip}

/* person card — nicer (Moses, Nov 1: "good, but not nice") */
#modal .tmch{padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(31,90,58,.10),rgba(31,90,58,.02));align-items:center;gap:14px}
#modal .tmch .tmav.big{width:64px;height:64px;font-size:1.5em;border-radius:16px;box-shadow:0 3px 10px rgba(0,0,0,.12)}
#modal .tmch .w b{font-size:1.25em;letter-spacing:-.01em}
.tmctabs{margin:14px 0 4px;padding:5px;border-radius:14px;background:rgba(31,90,58,.08)}
.tmctab{padding:10px 2px;border-radius:10px;font-size:.86em}
.tmctab.on{background:#1f5a3a;color:#fff;box-shadow:0 2px 6px rgba(31,90,58,.35)}
.tmcbody{padding-top:10px;display:flex;flex-direction:column;gap:12px}
.tmblk{padding:14px;border:1px solid var(--line,#e6e8e4);border-radius:14px;background:var(--card,#fff);border-bottom:1px solid var(--line,#e6e8e4)!important}
.tmbt{font-size:1.02em;margin-bottom:10px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.tmsave{position:sticky;bottom:0;margin:14px -16px -16px;padding:12px 16px;background:var(--card,#fff);border-top:1px solid var(--line,#e6e8e4);z-index:4}
.tmsave .btn{flex:0 0 auto;min-width:120px;justify-content:center}
/* store app: SCAN ANYTHING on top (Joseph, Nov 1) */
.pkanyscan{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;margin:0 0 8px;padding:16px 18px;border:0;border-radius:14px;background:var(--brand,#1d4a37);color:#fff;font:inherit;text-align:left;cursor:pointer}
.pkanyscan span{display:flex;flex-direction:column}.pkanyscan b{font-size:20px}.pkanyscan small{font-size:13px;opacity:.85}
.pkanyscan svg{flex:none}

/* Portal groups with their pages (Moses, Nov 1) */
.tmpgg{display:flex;gap:4px;align-items:stretch}.tmpgg>.acct{flex:1;min-width:0}
.tmpgx{border:1px solid var(--line,#e2e5e0);background:var(--card,#fff);border-radius:10px;padding:0 10px;font-weight:700;color:var(--mut,#5b6660);white-space:nowrap;font-size:.85em}
.acct[disabled]{opacity:.55}

/* person card = one fixed height, the inside scrolls (Moses, Nov 1: "don't go up, down, up, down — I hate it") */
#modal .box.tmfix{height:92vh;height:92dvh;max-height:92dvh;overflow-y:auto}
#modal .box.tmfix{display:flex;flex-direction:column}#modal .box.tmfix>*{flex-shrink:0}#modal .box.tmfix>.tmsave{margin-top:auto}
/* 🚚 Trucks — the manager's store-app version (Joseph, Nov 1) */
.flapp{display:grid;gap:12px}
.fltiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flt{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;text-align:left;padding:14px;border:1.5px solid var(--line,#dfe6e1);border-radius:14px;background:var(--card,#fff);color:var(--ink,#1b2a22);font:inherit;cursor:pointer}
.flt svg{grid-row:1/4;color:var(--brand,#1d4a37)}
.flt b{font-size:26px;line-height:1.1}.flt span{font-weight:700;font-size:14px}.flt small{font-size:12px;color:var(--mut,#6b7a70)}
.flt.bad{border-color:#e3a3a3;background:#fff6f6}.flt.bad svg,.flt.bad b{color:#b3261e}
.flapp .flmap{height:340px!important;border-radius:14px;overflow:hidden;margin:0!important;width:100%!important}
.flhd{display:flex;justify-content:space-between;align-items:baseline;margin:4px 2px 0}.flhd b{font-size:18px}.flhd span{font-size:13px;color:var(--mut,#6b7a70)}
.flcard{display:flex;align-items:stretch;gap:8px;border:1.5px solid var(--line,#dfe6e1);border-radius:14px;background:var(--card,#fff);overflow:hidden}
.flcm{flex:1;display:flex;align-items:center;gap:12px;padding:10px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0}
.flcm .w{display:flex;flex-direction:column;gap:2px;min-width:0}.flcm b{font-size:20px;display:flex;align-items:center;gap:6px}.flcm small{font-size:13px;color:var(--mut,#6b7a70)}
.flpic{width:92px!important;height:64px!important;object-fit:cover;border-radius:10px;flex:none}
.flcm .flst{font-style:normal;font-size:13px;font-weight:700;border:0;padding:0;background:none;box-shadow:none}.flst.mv{color:#1a7f37}.flst.st{color:#9a6700}.flst.pk{color:var(--mut,#6b7a70)}.flst.off{color:#b3261e}
.flbt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:84px;border:0;border-left:1.5px solid var(--line,#dfe6e1);background:#f3f7f2;color:var(--brand,#1d4a37);font:inherit;font-weight:700;cursor:pointer}
.flbtm{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flbig{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:10px;border:1.5px solid var(--line,#dfe6e1);border-radius:14px;background:var(--card,#fff);color:var(--brand,#1d4a37);font:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer}
#modal .box.tmfix{padding:14px 14px 0}#modal .box.tmfix>.tmsave{position:sticky;bottom:0;margin:14px -14px 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 12px rgba(0,0,0,.06)} /* Save bar flush with the bottom edge (Moses, Nov 1: "floating in the air") */

/* Contact & sign-in as a plain list (Moses, Nov 1) */
.tmlist{display:flex;flex-direction:column}
.tmli{display:grid;grid-template-columns:70px 1fr;grid-template-areas:"k v" "k b";gap:4px 10px;padding:10px 0;border-bottom:1px solid var(--line,#eceee9);align-items:center}
.tmli:last-child{border-bottom:0}.tmli .k{grid-area:k;font-weight:700;color:var(--mut,#5b6660);font-size:.9em;align-self:start;padding-top:2px}
.tmli .v{grid-area:v;min-width:0;overflow-wrap:anywhere}.tmli .b{grid-area:b;display:flex;gap:6px;flex-wrap:wrap}.tmli .b:empty{display:none}
/* the card never changes height between tabs — the inside is always taller than the screen part, so the sheet stays at its full size (Moses, Nov 1: "stay on one level, don't jump") */
#modal .box .tmcbody{min-height:100vh}
.tmced{padding:10px;border:1px solid var(--line,#e2e5e0);border-radius:12px;margin-bottom:6px;background:rgba(31,90,58,.04)}.tmced input{width:100%}
/* 🚚 Route planner — the manager's store-app version (Joseph, Nov 1) */
.rpapp .rptrk{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rpapp .rptk{padding:14px 16px;border-radius:14px;font-size:15px;cursor:pointer}
.rpapp .rptk b{font-size:20px}.rpapp .rptk .dot{width:14px;height:14px;border-radius:4px}
.rpapp .rpbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.rpapp .rpbar .sp{display:none}.rpapp .rpbar .small{grid-column:1/-1;font-size:14px}
.rpapp .rpbar .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;font-size:17px;font-weight:700;border-radius:14px}
.rpapp .rpmap{height:380px!important;border-radius:14px;overflow:hidden}
.rpapp .rcard{border-radius:14px}.rpapp .rcard h3{font-size:19px}
.rpapp .rpt td{padding:12px 10px;font-size:16px}.rpapp .rpt td .small{font-size:14px}
.rpapp .rpt thead{display:none}
.rpapp .acts .btn,.rpapp .btn.go{min-height:52px;font-size:17px;font-weight:700;border-radius:12px}
.rpapp .chips .cchip{min-height:46px;font-size:16px;padding:0 16px;border-radius:12px}
.rpapp .btn.sm{min-height:42px;font-size:15px}
.rpapp .top h1{display:none}.rpapp .top{margin:0 0 6px}
/* driver app: the labels + what is in each case (Joseph, Nov 1) */
.drlbls{display:grid;margin:10px 0 4px;border:1.5px solid var(--line,#dfe6e1);border-radius:14px;overflow:hidden;background:var(--card,#fff)}
.drlbl{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border:0;border-bottom:1px solid var(--line,#e6ebe7);background:none;color:var(--brand,#1d4a37);font:inherit;font-size:18px;font-weight:600;text-align:left;cursor:pointer}
.drlbl:last-child{border-bottom:0}
.drlcs{display:grid;gap:10px}
.drlc{border:2px solid #1b2a22;border-radius:12px;padding:12px 14px;background:#fff;color:#1b2a22}
.drlch{display:flex;justify-content:space-between;align-items:baseline;font-size:18px}.drlch b{letter-spacing:2px}.drlch span{font-weight:800}
.drlcn{font-size:20px;font-weight:800;margin-top:6px}
.drlci{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border-radius:8px;background:#f3f7f2;font-weight:700}
.drlcc{margin-top:8px;font-family:ui-monospace,Menlo,monospace;font-size:15px;font-weight:700}

/* 🗓 Delivery schedule (Moses, Nov 1) */
.dsch{padding:12px;display:flex;flex-direction:column;gap:12px}
.dzbar{display:flex;gap:8px}.dzbar .find{flex:1;margin:0}
.dzc{display:block;width:100%;text-align:left;background:var(--card,#fff);border:1px solid var(--line,#e2e5e0);border-radius:16px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.05);cursor:pointer}
.dzc.off{opacity:.6}.dzh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.dzh b{font-size:1.08em}
.dzz{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.dzz span{font-weight:700;font-size:.85em;padding:3px 8px;border-radius:7px;background:rgba(31,90,58,.09);color:#1f5a3a;font-variant-numeric:tabular-nums}
.dzw{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:10px}.dzw span,.dzw button{text-align:center;padding:6px 0;border-radius:8px;font-weight:700;font-size:.85em;background:#f1f3ef;color:#9aa39d;border:0}
.dzw .on{background:#1f5a3a;color:#fff}.dzw .sh{background:#f6f1e6;color:#b9a77a;text-decoration:line-through}.dzw.big button{padding:11px 0;font-size:.95em;cursor:pointer}
.dzt{font-size:.92em;margin-bottom:8px}.dzs{display:flex;flex-wrap:wrap;gap:5px}.dzs span{font-size:.8em;padding:4px 8px;border:1px solid var(--line,#e2e5e0);border-radius:8px;white-space:nowrap}
.dzchk{padding:10px 12px;border-radius:12px;background:rgba(31,90,58,.08)}.dzchk.no{background:#fbeeee;color:#8a2a24}
.dzempty{padding:14px;border:1px dashed var(--line,#d9ddd6);border-radius:16px;display:flex;flex-direction:column;gap:10px}.dzex{display:flex;flex-direction:column;gap:10px}
.dzf .field input,.dzf .field select{width:100%}.dzon{display:flex;gap:8px;align-items:center;font-weight:600;margin-top:6px}

/* Activity tab, clean (Moses, Nov 1: "fix up the activity") */
.ihsec{display:flex;flex-direction:column;gap:10px}.ihnh{font-size:1.02em;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ihacts{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin:0!important}.ihacts .btn{justify-content:center;padding:8px 4px;font-size:.82em;white-space:nowrap}
.ihnl{max-height:220px;overflow-y:auto;border:1px solid var(--line,#e6e8e4);border-radius:12px;padding:4px 0}
.ihev{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:6px 12px;font-size:.92em;border-bottom:1px solid var(--line,#f0f2ee)}.ihev:last-child{border-bottom:0}.ihev .t{color:var(--mut,#6a746e);font-variant-numeric:tabular-nums}
.ihtop{display:flex;flex-wrap:wrap;gap:6px}.ihtop span{padding:5px 10px;border-radius:9px;background:rgba(31,90,58,.07);font-size:.88em}.ihtop b{color:#1f5a3a;margin-left:2px}
.ihdays td,.ihdays th{padding:7px 6px!important;font-size:.9em}
.pkpg.dsch{padding:0 0 12px}.dzempty{border:0;padding:0}.dzc{padding:12px}.dzs span{font-size:.76em;padding:3px 7px}.dzw span{padding:5px 0} /* fit the screen (Moses, Nov 1) */
/* items the way the customer sees them (Joseph + Moses, Nov 1): Brand | size line over the short name */
.cbl{display:block;font-size:13px;color:var(--mut,#6b7a70);font-weight:500;line-height:1.3}
.pkcbl{font-size:18px;color:var(--mut,#5f6e65);font-weight:600;margin-top:6px;text-align:center}
.invguide{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:10px 0;padding:10px 12px;border-radius:12px;background:rgba(31,90,58,.07)}
/* Item Adjustments: every row keeps the picture's space — no picture = a blank square, the text stays lined up (Joseph, Nov 1) */
.iadli .iadpw{flex:none;width:84px;height:84px;display:flex;align-items:center;justify-content:center}
.iadli .iadpw img{width:100%!important;height:100%!important}

/* Right now buttons fit + See-what-they-see bar (Moses, Nov 1) */
.ihacts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.ihacts .btn{white-space:normal!important;line-height:1.15;min-height:44px;padding:6px 4px!important;font-size:.8em!important;flex-direction:column;gap:3px;text-align:center}
#vasBar{position:fixed;left:0;right:0;top:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px calc(8px);background:#7a4a00;color:#fff;font-size:.9em;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#vasBar .btn{background:#fff;color:#7a4a00;border:0;font-weight:800}body.vas{padding-top:44px}

/* Trucks live: the map paints only inside its own box — no blank screen while scrolling (Moses, Nov 1) */
.flapp .flmap,.tmapbox{contain:layout paint;isolation:isolate;transform:translateZ(0)}
.vbkb{cursor:pointer;text-align:left}.vbkb.on{border-color:#1f5a3a!important;box-shadow:inset 0 0 0 1.5px #1f5a3a;background:rgba(31,90,58,.06)}

/* 📜 sign-up terms ticks (Nov 1) */
.actm{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px}
.actmr{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45;color:#14261F;cursor:pointer}
.actmr input{width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;accent-color:#193F33}
.actmr a{color:#193F33;font-weight:600}

/* Portal tab: what he opens (Moses, Nov 1) */
.tmpgsum{display:grid;gap:6px}.tmpgsr{display:grid;grid-template-columns:minmax(110px,30%) 1fr;gap:8px;align-items:start;padding:8px 10px;border:1px solid var(--line);border-radius:10px}.tmpgsr span{display:flex;flex-wrap:wrap;gap:4px}.tmpgsr i{font-style:normal;font-size:12px;padding:2px 7px;border-radius:6px;background:var(--bg2,#f1f5f2)}

/* Forgot password: Email sent (Moses, Nov 1) */
.isfgt{margin-top:10px;padding:10px 12px;border-radius:10px;background:#e7f4ea;color:#1d5a2e;font-weight:600;font-size:14px}

/* 👁 show password (Moses, Nov 1) */
.pwe{position:relative;display:block}.pwe>input{width:100%;padding-right:44px!important;box-sizing:border-box}.pweb{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#5b6b63;cursor:pointer;border-radius:8px;padding:0}.pweb:hover{background:rgba(0,0,0,.05)}
.isfgt.bad{background:#fdecea;color:#9b2c22}.pwrbox{margin:6px 0 10px}

/* 👁 preview bar = ONE short line; the page + its sticky headers start under it (Moses, Nov 1: "I don't have the back button on top") */
#vasBar{height:44px;box-sizing:border-box;padding:0 10px!important;white-space:nowrap}
#vasBar .vast{overflow:hidden;text-overflow:ellipsis;min-width:0}
body.vas{padding-top:44px!important}
body.vas .tbar,body.vas .pkah,body.vas .pkahd{top:44px!important}
body.vas #mob,body.vas .mobnav{z-index:9998}

/* 📨 Invite a worker — steps, boxes lined up (Moses, Nov 1: "make it nice") */
.invf .ivst{display:flex;align-items:center;gap:10px;margin:16px 0 8px;font-weight:700;font-size:15px;color:var(--ink,#1d2433)}
.invf .ivst:first-child{margin-top:2px}
.invf .ivst b{width:26px;height:26px;border-radius:7px;background:#193F33;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:0 0 auto}
.invf .ivg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.invf .ivg2 .field{margin:0}
.invf .ivg2 .ivw{grid-column:1/-1}
.invf .ivg2 .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.invf .ivg2 .label i{font-style:normal;font-weight:400;color:var(--mut,#6b7280)}
.invf .ivg2 input,.invf .ivg2 select{height:44px;box-sizing:border-box;width:100%}
.invf .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.invf .chips .cchip{height:46px;justify-content:center;text-align:center;margin:0;width:100%}
.invf .ivsend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.invf .ivsend .btn{height:46px;margin:0;justify-content:center}
.invf .invguide{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line,#e3e8e5);border-radius:10px}
.invf .invguide .dzon{flex:1 1 200px;margin:0}

/* PIN / sign-in cover (Moses, Nov 1 — iPhone): the button never touches the box; green all the way down */
#apGate .igf,#islGate .igf{display:flex;flex-direction:column;gap:12px}
#apGate .igf .btn,#islGate .igf .btn{min-height:46px}
#apGate .pwe input{padding-left:44px!important}
html.cover-on{background:#193F33}
body.cover-on{background:#193F33!important}
#apGate,#islGate{min-height:100dvh}

/* 📱 App sign-ins block (Moses, Nov 1: "this page not ok") */
#appCard .apsl{display:flex;flex-direction:column;gap:8px}
#appCard .apsr{border:1px solid var(--line,#e3e8e5);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
#appCard .apsr.off{opacity:.7}
#appCard .apsn{min-width:0}
#appCard .apsn .small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#appCard .apsa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#appCard .apsa .btn{margin:0;justify-content:center;height:38px}
#appCard .apsnew{margin-top:10px}
#appCard .apsnew .btn{width:100%;height:44px;margin:0;justify-content:center}
#appCard .apsf{margin-top:12px;border:1px solid var(--line,#e3e8e5);border-radius:10px;padding:12px}
#appCard .apsb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
#appCard .apsb .btn{height:44px;margin:0;justify-content:center}
#appCard .apsh{margin-top:10px}

/* 🎧 a phone order's recording in the Inbox (Joel, Nov 1) */
.callrec{display:block;width:100%;max-width:280px;height:34px;margin:2px 0 6px}
/* the phone's workers' PIN screen = the scanners' keypad screen (Joseph, Nov 1) */
#apGate{background:var(--bg,#F3F5F2);display:block;padding:0}#apGate .me.pkal{min-height:100%;width:100%;max-width:440px;margin:0 auto;box-sizing:border-box}#apGate .mel{width:100%;box-sizing:border-box;padding:24px 16px}#apGate .mel img{width:180px;max-width:60%;height:auto;display:block;margin:0 auto}

/* 📋 Delivery dashboard = BIG for the manager (Joseph, Nov 1: "make sure everything is big") */
.dlvbig{font-size:19px}.dlvbig .small,.dlvbig small{font-size:16px!important}.dlvbig h3{font-size:22px!important}
.dlvbig .fltiles .flt b{font-size:40px!important}.dlvbig .fltiles .flt span{font-size:19px!important}.dlvbig .fltiles .flt{min-height:96px}
.dlvbig .rpt td,.dlvbig .rpt th{font-size:18px!important;padding:14px 8px!important}.dlvbig .rpt td b{font-size:19px}
.dlvbig .btn{font-size:18px!important;min-height:52px;padding:12px 18px}.dlvbig .linkb{font-size:18px!important}
.dlvbig .ihdot{width:14px;height:14px}

.dlvbig .dlvdo{display:block;width:100%;text-align:left;font-size:19px;font-weight:600;padding:14px 12px;margin:0 0 8px;border:1px solid var(--line,#dfe5dc);border-radius:10px;background:#FFF8E5}
.dlvbig .dlvtk{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;padding:12px 0;border-top:1px solid var(--line,#e5e9e2)}.dlvbig .dlvtk:first-of-type{border-top:0}
.dlvbig .dlvtk .acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.dlvbig .dlvtp{width:84px;height:60px;object-fit:cover;border-radius:10px}
.dlvbig .dst{font-size:18px;font-weight:600;margin:2px 0}.dlvbig .dst.bad{color:#C0392B}.dlvbig .dst.ok{color:#1E7B45}.dlvbig .dlvtk.bad{background:#FFF1EF;border-radius:10px;padding:12px 8px}
.dlvbig .dlvtools .btn{flex:1 1 200px}

/* Delivery dashboard — one size (Joseph, Nov 1: "the list small → bigger, the rest a bit smaller, the options on the bottom = nice big boxes") */
.dlvbig{font-size:17px}.dlvbig h3{font-size:19px!important}
.dlvbig .fltiles .flt b{font-size:32px!important}.dlvbig .fltiles .flt span{font-size:17px!important}.dlvbig .fltiles .flt{min-height:80px}
.dlvbig .dst{font-size:16px}.dlvbig .dlvtk b{font-size:18px}
.dlvbig .rpt td,.dlvbig .rpt td *{font-size:17px!important;line-height:1.35}.dlvbig .rpt td b{font-size:18px!important}.dlvbig .rpt td .small,.dlvbig .rpt td .mut{font-size:15px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
.dlvbig .rpt td{padding:12px 6px!important;vertical-align:top}
.dlvbig .dlvtools{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.dlvbig .dlvtools .btn{min-height:86px;font-size:18px!important;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;border:2px solid var(--line,#d5dccf);background:#fff;padding:12px;margin:0;white-space:normal}
@media(min-width:861px){.dlvbig .dlvtools{grid-template-columns:repeat(5,1fr)}}
.dlvbig .dlvdo{font-size:17px}.dlvbig .btn{font-size:16px!important;min-height:46px}

#main .flapp.dlvbig .rpt td b,#main .modal .dlvbig .rpt td b{font-size:18px!important}#main .flapp.dlvbig .rpt td,#main .flapp.dlvbig .rpt td span{font-size:17px!important}#main .flapp.dlvbig .rpt td .small{font-size:15px!important}
#main .flapp.dlvbig .acts.dlvtools .btn.dlvtb{min-height:86px!important;font-size:18px!important;font-weight:700!important;padding:12px!important;border-radius:12px!important;border:2px solid #cfd8c8!important}
/* 👤 Activity → Contact & sign-in, nicer (Moses, Nov 1: "make this nicer"): one soft box per row, label · value · even buttons */
.tmlist{gap:8px}
.tmli{display:block;padding:10px 12px;border:1px solid var(--line,#e3e8e5);border-radius:10px;background:var(--card,#fff)}
.tmli:last-child{border-bottom:1px solid var(--line,#e3e8e5)}
.tmli .k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:0;margin-bottom:2px}
.tmli .v{display:block;font-size:15px;font-weight:600}
.tmli .v .tmml{display:block;font-size:12px;font-weight:400;color:var(--mut,#5b6660);margin-top:3px}
.tmli .b{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:6px;margin-top:8px}
.tmli .b .btn{margin:0;height:38px;justify-content:center;text-align:center;width:100%}

.offland{text-align:center;padding:60px 20px;max-width:520px;margin:0 auto}.offland img{border-radius:20px}.offland h2{margin:16px 0 6px;font-size:26px}.offland p{font-size:18px;margin:6px 0}.offland .btn{margin-top:18px;min-height:52px;font-size:18px;padding:12px 28px}

.dlvbig .dlvpod{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dlvbig .dlvpod img{width:100%;height:auto;max-height:360px;object-fit:cover;border-radius:10px;display:block}