/* MOVA restaurant admin, demo for Radio Glil Yam. One row per item, colour status, edit in place. */
:root{
  --bg:#f4f5f7;--surface:#fff;--text:#18211c;--text-2:#46504a;--muted:#5d6762;--line:#e2e5e9;--line-2:#cfd4da;
  --ink:#050706;--ink-line:#1c231f;--green:#2fbb50;--green-d:#1f7c3a;--strip:#fbfaf7;--strip-line:#e7e2d7;
  --c-new:#1f6fd6;--c-ok:#0a7d4a;--k-warn:#9a5b00;--c-seat:#7b3fbf;--c-done:#5f6b66;--c-no:#c62f45;--c-told:#8a3a52;--c-cancel:#2f3a35;--c-bill:#a65300;
  --focus:#1f6fd6;--radius:10px;--font:"Heebo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.45 var(--font);overflow-x:clip;min-height:100vh;display:flex;flex-direction:column}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.skip{position:absolute;inset-inline-start:8px;top:8px;background:#fff;padding:8px 12px;z-index:90;border-radius:8px}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}
.tnum{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* demo bar (same words as the site) */
.demobar{background:#24170f;color:#d9c9b9;font-size:13px;line-height:1.4;padding:7px 16px;text-align:center}
.demobar a{color:#fff;text-underline-offset:3px;display:inline-block;padding-block:4px;margin-block:-4px}
.demobar .long{display:none}
.dtime{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:999px;padding:2px 10px;font:inherit;cursor:pointer;margin-inline-start:2px;white-space:nowrap}
.dtime:hover{background:rgba(255,255,255,.12)}
@media (min-width:700px){.demobar .long{display:inline}.demobar .short{display:none}}

/* top bar: MOVA mark, the restaurant, the four screens */
.top{background:var(--ink);color:#fff;border-bottom:1px solid var(--ink-line)}
.top-in{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:8px 16px;max-width:1480px;margin:0 auto}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;padding:6px 0;margin-inline-end:4px}
.brand svg{display:block;height:16px;width:auto}
.brand b{font-size:15px;font-weight:700;color:#dce2de;padding-inline-start:10px;border-inline-start:1px solid #2c3831;white-space:nowrap}
.nav{display:flex;gap:4px;flex:1 1 auto;overflow-x:auto;scrollbar-width:none;order:3;flex-basis:100%;margin-inline:-4px}
.nav::-webkit-scrollbar{display:none}
.nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;text-decoration:none;color:#c9d1cc;font-weight:500;white-space:nowrap;min-height:40px}
.nav a:hover{background:#131a16;color:#fff}
.nav a[aria-current="page"]{background:rgba(47,187,80,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(47,187,80,.5)}
.nav .cnt{min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--c-new);color:#fff;font-size:12.5px;font-weight:700;display:inline-grid;place-items:center}
.nav .cnt[hidden]{display:none}
.tosite{margin-inline-start:auto;color:#c9d1cc;text-decoration:none;font-size:14px;padding:9px 12px;border-radius:8px;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center}
.tosite:hover{background:#131a16;color:#fff}
@media (min-width:960px){.nav{order:0;flex-basis:auto;margin-inline:0}.tosite{margin-inline-start:0}}

/* the agent strip */
.strip{background:var(--strip);border-bottom:1px solid var(--strip-line)}
.strip-in{max-width:1480px;margin:0 auto;padding:12px 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.who{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;text-align:start;grid-row:span 2}
.face{width:48px;height:48px;border-radius:50%;overflow:hidden;display:inline-block;flex:none;background:var(--tint);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--ac)}
.face img{width:100%;height:100%;display:block;object-fit:cover}
.who-n{display:flex;flex-direction:column;line-height:1.2}
.who-n b{font-size:16px}
.who-n span{font-size:13px;color:var(--muted)}
.strip-line{margin:0;font-size:15px;color:var(--text-2)}
.strip-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px}
.ask{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-weight:500}
.ask i{width:8px;height:8px;border-radius:50%;background:var(--ac);display:inline-block}
.fact{color:var(--text);background:#fff;border:1px solid var(--strip-line);border-radius:999px;padding:3px 12px}
.mates{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.mates button{border:0;background:none;padding:2px;cursor:pointer;border-radius:50%;min-width:36px;min-height:36px;display:inline-grid;place-items:center}
.mates .face{width:30px;height:30px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--ac)}
@media (max-width:640px){.strip-in{grid-template-columns:1fr}.who{grid-row:auto}}
.agent-card{position:fixed;z-index:60;inset-inline-start:16px;top:120px;width:min(340px,calc(100vw - 32px));background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(5,7,6,.22);padding:16px;border-top:4px solid var(--ac)}
.agent-card[hidden]{display:none}
.agent-card .row{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.agent-card .face{width:56px;height:56px}
.agent-card p{margin:6px 0 0;color:var(--text-2)}
.agent-card .x{position:absolute;top:8px;inset-inline-end:8px;border:0;background:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;line-height:1}

/* page head + toolbar */
main{max-width:1480px;width:100%;margin:0 auto;padding:18px 16px 64px;flex:1 0 auto;display:flex;flex-direction:column}
#board{flex:1 0 auto;display:flex;flex-direction:column}
#board>*{flex:none}
#board>.map{flex:1 0 auto}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 20px;margin-bottom:14px}
.head h1{margin:0;font-size:clamp(24px,3vw,30px);line-height:1.15;font-weight:700}
.head p{margin:4px 0 0;color:var(--muted);font-size:14.5px}
.tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 14px;cursor:pointer;min-height:38px;font-size:14px;display:inline-flex;align-items:center;gap:6px}
.chip b{font-weight:700;font-size:13px;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.chip[aria-pressed="true"] b{color:#d3d9d5}
.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--c)}
.search{flex:1 1 220px;max-width:340px;position:relative}
.search input{width:100%;height:40px;border:1px solid var(--line-2);border-radius:999px;padding:0 38px 0 14px;background:#fff}
.search svg{position:absolute;inset-inline-start:13px;top:11px;width:18px;height:18px;color:var(--muted)}
.btn{border:0;border-radius:8px;padding:9px 16px;min-height:40px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn-p{background:var(--c-new);color:#fff}
.btn-p:hover{background:#185bb0}
.btn-q{background:#fff;border:1px solid var(--line-2)}
.btn-q:hover{background:#f0f2f4}
.seg{display:inline-flex;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:3px}
.seg button{border:0;background:none;border-radius:999px;padding:6px 16px;min-height:34px;cursor:pointer;font-weight:500}
.seg button[aria-pressed="true"]{background:var(--text);color:#fff}
.note{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.note b{color:var(--text-2)}

/* a group = a coloured head + one table (monday) */
.grp{margin-bottom:22px}
.grp-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;background:none;border:0;padding:4px 0 8px;cursor:pointer;text-align:start;color:var(--g)}
.grp-h .ar{display:inline-block;transition:transform .15s;font-size:13px}
.grp.shut .grp-h .ar{transform:rotate(90deg)}
.grp-h b{font-size:18px;font-weight:700}
.grp-h span{font-size:13.5px;color:var(--muted)}
.grp.shut .wrap{display:none}
.wrap{position:relative;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-inline-start:6px solid var(--g);-webkit-overflow-scrolling:touch}
table.t{border-collapse:separate;border-spacing:0;width:100%;min-width:var(--minw,980px)}
.t th{font-size:13px;font-weight:500;color:var(--muted);text-align:center;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc}
.t th:first-child,.t td:first-child{text-align:start}
.t td{padding:0;border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);height:46px;text-align:center;vertical-align:middle;background:var(--surface)}
.t td:first-child{border-inline-start:0}
.t tr:last-child td{border-bottom:0}
.t tr:hover td{background:#f7f9fb}
.t tr.flash td{animation:flash 2.4s ease-out}
@keyframes flash{0%,40%{background:#fff4c2}100%{background:var(--surface)}}
.t .stick{position:sticky;inset-inline-start:0;z-index:1;box-shadow:inset -1px 0 0 var(--line)}
.t th.stick{z-index:2}
.cellin{width:100%;height:46px;border:0;background:transparent;padding:0 10px;text-align:inherit;border-radius:0}
.cellin:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
.cellin:focus{outline:0;box-shadow:inset 0 0 0 2px var(--focus);background:#fff}
select.cellin{appearance:none;-webkit-appearance:none;cursor:pointer;text-align:center;text-align-last:center}
select.cellin[data-f="area"]{min-width:88px} /* "לא משנה" whole (r3h) */
.head p{text-wrap:pretty} /* no lone last word under a screen title (r3h) */
.prline{margin:2px 0 12px;color:var(--text-2);font-size:14px;line-height:1.55;text-wrap:pretty}
.prline b{color:var(--text)}
.prline a{color:var(--c-new);font-weight:600}
.prline .prl-go{white-space:nowrap}
/* r3i: no line of an admin screen ends on one word alone (phones of 360 and 390): the browser balances the last line */
body{text-wrap:pretty}
/* r3j: the short ones a real-phone test found (31.10): question chips, the kitchen's action buttons, the waiter cards, and the dash table's dish column */
.ow-chips button,.kbtn-q,.pd-who small{text-wrap:balance}
@media (max-width:400px){.ow-t.ow-mt th,.ow-t.ow-mt td{padding-inline:5px}}
body .ow-sub,body .ow th{text-wrap:balance} /* short lines in narrow tiles and headers: even lines, never one word alone */
.namec{display:flex;align-items:center;gap:6px;padding-inline-end:8px;min-width:200px}
.namec .cellin{flex:1;font-weight:500;min-width:0}
.tag-demo{font-size:11.5px;color:var(--muted);background:#eef0f2;border-radius:4px;padding:1px 6px;white-space:nowrap}
.tag-site{font-size:11.5px;color:#fff;background:var(--c-new);border-radius:4px;padding:1px 6px;white-space:nowrap}
.src{font-size:13.5px;color:var(--text-2);padding:0 8px;white-space:nowrap}
.dish{font-size:13px;color:var(--text-2);padding:4px 10px;text-align:start;max-width:220px;line-height:1.3}
.muted{color:var(--muted)}
.addrow td{height:42px}
.addrow button{width:100%;height:42px;border:0;background:none;text-align:start;padding:0 14px;color:var(--muted);cursor:pointer}
.addrow button:hover{color:var(--text);background:#f7f9fb}
.sumrow td{height:36px;font-size:13px;color:var(--muted);background:#fafbfc}

/* status cell: a full colour block, a list of colours on a tap */
.stb{width:100%;height:46px;border:0;color:#fff;background:var(--c);font-weight:600;cursor:pointer;padding:0 22px;white-space:nowrap;position:relative}
.stb:hover{filter:brightness(1.08)}
.stb::after{content:"";position:absolute;inset-inline-end:7px;top:50%;width:0;height:0;border:4px solid transparent;border-top-color:rgba(255,255,255,.7);margin-top:-2px}
.pop{position:fixed;z-index:70;background:#fff;border-radius:12px;box-shadow:0 14px 40px rgba(5,7,6,.22);padding:8px;display:grid;gap:6px;min-width:180px}
.pop[hidden]{display:none}
.pop button{border:0;border-radius:6px;background:var(--c);color:#fff;font-weight:600;min-height:40px;padding:0 14px;cursor:pointer}
.pop button[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--c)}
.pop .pop-x{background:none;color:var(--muted);font-weight:400}
.pop .tg{background:#fff;color:var(--text-2);border:1px solid var(--line-2);font-weight:500}
.pop .tg[aria-pressed="true"]{background:var(--c);border-color:var(--c);color:#fff}
.stb.soft,.pop button.soft{background:#e3f4e9;color:#0a5a35}
.stb.soft::after{border-top-color:rgba(10,90,53,.55)}
.tb.soft .shape{background:#e3f4e9;color:#0a5a35;box-shadow:inset 0 0 0 1.5px #9fd2b3}
.legend .soft i{background:#e3f4e9;box-shadow:inset 0 0 0 1.5px #6fb98c}
.tagbtn{width:100%;min-height:46px;border:0;background:transparent;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;padding:6px 8px;min-width:118px}
/* the guests table fits a 1440 screen with every column, opt-in and actions included (r2q) */
table.t td.gcns{min-width:124px}
table.t td:has(> input[data-f=allergy]){min-width:128px}
table.t td:has(> input[data-f=gnote]){min-width:150px}
.tagbtn:hover{box-shadow:inset 0 0 0 1px var(--line-2)}
.tgc{background:var(--c);color:#fff;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500}

.smsb{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:4px 12px;min-height:34px;cursor:pointer;font-size:13.5px;white-space:nowrap}
.smsb:hover{background:#f0f2f4}
.sms{position:fixed;z-index:70;width:min(360px,calc(100vw - 32px));background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(5,7,6,.25);padding:14px}
.sms[hidden]{display:none}
.sms h2{font-size:15px;margin:0 0 8px}
.bubble{background:#e7f6ec;border-radius:14px 14px 4px 14px;padding:10px 12px;font-size:14.5px;line-height:1.5;white-space:pre-line}
.sms p{font-size:13px;color:var(--muted);margin:8px 0 0}
.sms .x{position:absolute;top:6px;inset-inline-end:6px;border:0;background:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px}

/* chips inside a cell (guests' tags) */
.tags{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px;justify-content:center;align-items:center;min-width:200px}
.tg{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:2px 10px;font-size:13px;cursor:pointer;min-height:30px;color:var(--text-2)}
.tg[aria-pressed="true"]{background:var(--c,#1f6fd6);border-color:var(--c,#1f6fd6);color:#fff}
.del{border:0;background:none;color:var(--c-no);cursor:pointer;font-size:13.5px;padding:0 10px;min-height:40px;text-decoration:underline;text-underline-offset:3px}

/* price cell */
.pricec{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 6px}
.pricec span{color:var(--muted)}
.pricec input{width:70px;text-align:center}
.was{display:block;font-size:12px;color:var(--c-no);line-height:1}
.desc{font-size:13.5px;color:var(--text-2);text-align:start;padding:6px 12px;line-height:1.35;min-width:260px}

/* floor map */
.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;margin-bottom:12px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:12px;height:12px;border-radius:3px;background:var(--c);display:inline-block}
.map{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:1000px){.map{grid-template-columns:5fr 6fr}.map .area-bar{grid-column:1/-1}}
.area{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px 14px;display:flex;flex-direction:column}
.area h2{font-size:15px;margin:0 0 10px;display:flex;justify-content:space-between;gap:8px}
.area h2 span{color:var(--muted);font-weight:400;font-size:13.5px}
.area-out{background:linear-gradient(#f3f8ef,#eef5e8)}
.area-bar{background:linear-gradient(#f7f1ea,#f3ebe1)}
.tables{display:grid;grid-template-columns:repeat(var(--cp),minmax(0,1fr));gap:10px;flex:1 0 auto;align-content:space-evenly}
@media (min-width:640px){.tables{grid-template-columns:repeat(var(--c),minmax(0,1fr))}}
.tb{border:0;background:none;padding:0;cursor:pointer;display:grid;justify-items:center;gap:4px;min-height:96px;align-content:start}
.tb .shape{display:grid;place-items:center;color:#fff;font-weight:700;background:var(--c);border-radius:12px;width:min(var(--w),100%);height:54px;box-shadow:0 2px 0 rgba(0,0,0,.12)}
.tb.round .shape{border-radius:50%;width:54px}
.tb .shape small{display:block;font-weight:500;font-size:11.5px;opacity:.9;line-height:1}
.tb .lab{font-size:12.5px;color:var(--text-2);line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb:focus-visible .shape{outline:3px solid var(--focus);outline-offset:3px}

/* toast */
.toast{position:fixed;z-index:80;bottom:18px;inset-inline-start:50%;transform:translateX(50%);background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;box-shadow:0 12px 30px rgba(0,0,0,.25);width:max-content;max-width:min(720px,calc(100vw - 32px));display:flex;gap:12px;align-items:center;font-size:14.5px}
.toast[hidden]{display:none}
.toast a,.toast button{color:#8fe3a5;background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:inherit;padding:6px 0}
.foot{max-width:1480px;width:100%;margin:0 auto;padding:0 16px 40px;color:var(--muted);font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}
.foot button{border:0;background:none;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px 0;min-height:40px}
.empty{padding:28px 16px;text-align:center;color:var(--muted);background:#fff;border:1px dashed var(--line-2);border-radius:12px}
@media (max-width:640px){
  .strip-in{gap:8px 12px}.strip-line,.ask{display:none}
  .legend{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:4px;font-size:13.5px}
  .tools{gap:10px}.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;flex:1 1 100%;margin-inline:-16px;padding-inline:16px;max-width:calc(100% + 32px)}
  .chips::-webkit-scrollbar{display:none}.chip{flex:none}
  .search{max-width:none}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ===== kitchen screens: stock by expiry, recipes, specials, kitchen, orders, print (kitchen.js) ===== */
.kname{display:flex;flex-direction:column;align-items:flex-start;padding:4px 12px;min-width:170px;line-height:1.25;text-align:start}
.kname b{font-size:14.5px;font-weight:600}
.kname span{font-size:12.5px;color:var(--muted)}
.kname .tag-demo{color:var(--muted);margin-top:3px}
.kst{display:inline-block;background:var(--c);color:#fff;border-radius:999px;padding:4px 12px;font-size:13.5px;font-weight:600;white-space:nowrap}
.kfc{display:inline-block;background:var(--c);color:#fff;border-radius:6px;padding:2px 9px;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums}
.kdate{display:inline-flex;flex-direction:column;color:var(--c);font-weight:600;font-size:14px;line-height:1.2;white-space:nowrap}
.kdate small{color:var(--muted);font-weight:400;font-size:12px}
.qtyc{display:flex;align-items:center;justify-content:center;padding-inline-end:8px}
.qtyc input{width:84px;text-align:center}
.qtyc span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.xb{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:4px 12px;min-height:34px;cursor:pointer;font-size:13.5px;white-space:nowrap;margin:4px}
.xb:hover{background:#f0f2f4}
.xb[aria-expanded="true"]{background:var(--text);border-color:var(--text);color:#fff}
.xb .ar{font-size:11px}
.t tr.sub td{background:#fafbfc;height:42px}
.t tr.sub:hover td{background:#f3f6f9}
.subn{display:block;padding:0 12px 0 8px;padding-inline-start:30px;font-size:13.5px;color:var(--text-2);text-align:start;position:relative;white-space:normal;min-width:170px}
.subn::before{content:"";position:absolute;inset-inline-start:14px;top:50%;width:9px;height:9px;margin-top:-7px;border-inline-start:1.5px solid var(--line-2);border-bottom:1.5px solid var(--line-2)}
.t tr.sub.est td{background:#fff8ec}
.kest{font-style:normal;color:var(--k-warn);font-weight:700}
.kname .kest{font-size:12.5px;margin-top:1px}
.chip.chip-warn{border-color:#e2b86c;color:var(--k-warn)}
.chip.chip-warn b{color:var(--k-warn)}
.chip.chip-warn[aria-pressed="true"]{background:var(--k-warn);border-color:var(--k-warn);color:#fff}
.chip.chip-warn[aria-pressed="true"] b{color:#fde9c7}
.ksubt{font-size:13px;text-align:start;padding:4px 10px;line-height:1.35}
.kspoil{font-size:13.5px;line-height:1.35;padding:6px 8px;min-width:140px}
.lnk{color:var(--c-new);text-underline-offset:3px;font-size:13px}
.kprice{font-size:13.5px;white-space:nowrap;padding:0 8px}
.kup,.kch{display:inline-block;margin-inline-start:6px;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700}
.kup{background:#fde8eb;color:#a3172f}.kch{background:#eef0f2;color:var(--muted)}
.kup.big{font-size:14px;padding:3px 9px;margin:0}
.kred{color:var(--c-no)}
.kingc{display:flex;align-items:center;gap:4px;padding:0 6px;text-align:start;min-width:230px}
.kingc .muted{font-size:12.5px;line-height:1.3}
.thr{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:3px 6px 3px 14px;min-height:40px}
.thr input[type=number]{width:52px;height:32px;border:1px solid var(--line-2);border-radius:8px;text-align:center}
.thr select{height:32px;border:1px solid var(--line-2);border-radius:8px;padding:0 8px;background:#fff}
.thr input[type=checkbox]{width:18px;height:18px}
.spweek{margin:0;flex:1 1 100%;font-size:14.5px;color:var(--text-2)}
@media (min-width:960px){.spweek{flex:1 1 auto}}
.spname{display:flex;flex-direction:column;min-width:290px;padding:4px 0}
.spname .cellin{height:36px;font-weight:600}
.spname .cellin.spd{height:auto;min-height:40px;font-weight:400;font-size:13px;line-height:1.35;color:var(--text-2);padding:4px 10px;resize:none;display:block}
.sptags{display:flex;gap:6px;padding:2px 10px 4px}
.kimg{display:grid;place-items:center;width:116px;height:87px;margin:6px auto;border-radius:9px;overflow:hidden;background:#efe9e1;border:0;padding:0}
button.kimg{cursor:zoom-in}
.kimg img{width:100%;height:100%;object-fit:cover;display:block}
.kimg.empty{background:#fafbfc;border:1.5px dashed var(--line-2);color:var(--muted);font-size:11.5px;line-height:1.3;padding:6px;text-align:center}
.kimg.gen{background:linear-gradient(100deg,#ece4f8 20%,#f8f4fd 40%,#ece4f8 60%) 0 0/300% 100%;animation:kgen 1.2s linear infinite;color:#5a2fae;font-size:12px;font-weight:600;padding:6px;text-align:center}
@keyframes kgen{to{background-position:-150% 0}}
.kimg.big{width:100%;height:auto;aspect-ratio:4/3;margin:0;border-radius:0}
.kimg.big.empty,.kimg.big.gen{font-size:18px}
.ksaves{text-align:start;padding:6px 10px;min-width:260px}
.ksave{display:inline-block;background:#fff3e6;color:#7a3d00;border:1px solid #f3d3ae;border-radius:999px;padding:1px 9px;font-size:12.5px;margin:2px}
.ksv{display:inline-block;font-weight:700;font-size:13px;margin:2px 4px;color:var(--text)}
.ksteps{padding:12px 16px!important;text-align:start!important;display:grid;gap:10px}
.ksteps label{display:grid;gap:6px;font-size:13.5px;color:var(--muted)}
.ksteps textarea{width:100%;border:1px solid var(--line-2);border-radius:8px;padding:8px 10px;font-size:14.5px;line-height:1.5;resize:vertical;color:var(--text)}
.ksteps .cellin{border:1px solid var(--line-2);border-radius:8px;height:40px;text-align:start}
.kfirst{color:#7a3d00;font-weight:500}
.kadd{display:flex;align-items:center;gap:8px;padding:0 14px;color:var(--muted);font-size:14px}
.kadd select{height:34px;border:1px solid var(--line-2);border-radius:8px;background:#fff;max-width:260px}
.kshort{display:block;font-size:12.5px;padding:0 10px 4px;text-align:center}
.kinv{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-2)}
.kinv input{width:76px;height:32px;border:1px solid var(--line-2);border-radius:6px;text-align:center}
.kdays{display:flex;gap:3px;justify-content:center;padding:0 6px}
.kday{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:0}
.kday[aria-pressed="true"]{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.agent-card.wide{width:min(760px,calc(100vw - 32px));left:50%;right:auto;transform:translateX(-50%);top:70px;max-height:calc(100vh - 90px);overflow:auto}
.kzoom{width:100%;height:auto;border-radius:10px;display:block;margin-top:34px}

/* the kitchen screen: for the people cooking, one glance, big type */
.kuse{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px 18px;margin-bottom:18px}
.kuse h2{font-size:22px;margin:0 0 12px}
.kchips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,calc(50% - 5px)),1fr));gap:10px}
.kchips li{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;line-height:1.3}
.kchips b{font-size:20px}
.kchips span{font-size:15px;color:var(--text-2)}
.kchips em{font-style:normal;font-size:15px;font-weight:700;color:var(--c)}
.kok{font-size:18px;margin:0;color:var(--c-ok);font-weight:600}
@media (max-width:760px){.kchips{grid-template-columns:1fr 1fr}.kchips li:last-child:nth-child(odd){grid-column:1/-1}}
.kcards{display:grid;gap:18px}
@media (min-width:1000px){.kc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}.kc figure{position:sticky;top:12px}.kc .kimg.big{border-radius:0 0 0 0}}
.kc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.kc figure{margin:0;position:relative}
.kc figcaption{position:absolute;bottom:12px;inset-inline-start:12px;background:rgba(5,7,6,.74);color:#fff;font-size:16px;font-weight:600;padding:6px 14px;border-radius:999px}
.kc-b{padding:18px 20px 22px}
.kc h2{font-size:30px;line-height:1.15;margin:0}
.kc-d{font-size:17px;color:var(--text-2);margin:6px 0 12px}
.kc-cnt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:18px}
.kc-n b{font-size:30px;font-weight:800}
.kc-until{background:#ebe1fc;color:#4b2391;border-radius:999px;padding:4px 14px;font-size:16px;font-weight:600}
.kc-act{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.kbtn{background:var(--c-ok);color:#fff;border:0;border-radius:12px;min-height:58px;padding:0 26px;font-size:21px;font-weight:700;cursor:pointer}
.kbtn:hover{filter:brightness(1.08)}
.kbtn[disabled]{opacity:.45;cursor:default}
/* receiving: dates from the package, one lot or several; fresh goods get theirs automatically */
.klotc{text-align:start;padding:6px 10px!important}
.kauto{font-size:13px;color:var(--muted)}
.klots{display:grid;gap:6px}
.klot{display:flex;flex-wrap:wrap;align-items:end;gap:6px 10px}
.kld{display:inline-flex;flex-direction:column;gap:2px;font-size:12px;color:var(--k-warn);font-weight:600}
.kld input{height:34px;border:1.5px solid #e2b86c;border-radius:8px;padding:0 8px;background:#fff;color:var(--text);font-size:14px}
.klot.ok .kld{color:var(--c-ok)}
.klot.ok .kld input{border-color:var(--c-ok)}
.klq{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-2)}
.klq input{width:64px;height:34px;border:1px solid var(--line-2);border-radius:8px;text-align:center;background:#fff}
.klot-f{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.khint{font-size:12.5px;color:var(--muted)}
.klots.big{gap:8px}
.klots.many .klot{background:#fff;border:1px solid #f0dcb8;border-radius:10px;padding:8px 10px}
.klots.big .kld{font-size:15px}
.klots.big .kld input{height:52px;font-size:19px;padding:0 12px;border-radius:10px}
.klots.big .klq{font-size:16px}
.klots.big .klq input{height:52px;width:84px;font-size:19px;border-radius:10px}
.klots.big .smsb{min-height:44px;font-size:15.5px;padding:6px 16px}
.klots.big .khint{font-size:15px}
.klots.big .del{font-size:15px;min-height:44px}
.krcvs{margin-bottom:18px}
.krcvs>h2{font-size:22px;margin:0 0 10px}
.krcv{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-seat);border-radius:16px;padding:16px 18px 18px;margin-bottom:12px}
.krcv header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:12px}
.krcv header b{font-size:24px}
.krcv header span{font-size:16px;color:var(--text-2)}
.krl{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.krl li{display:grid;gap:10px 18px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fafbfc}
.krl li.lbl{background:#fffaf1;border-color:#f0dcb8}
@media (min-width:860px){.krl li{grid-template-columns:minmax(160px,1fr) auto minmax(0,1.7fr) auto}}
.krl-n{display:flex;flex-direction:column;line-height:1.25}
.krl-n b{font-size:21px}
.krl-n span{font-size:15px;color:var(--text-2)}
.krl-q{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:var(--text-2)}
.krl-q input{width:92px;height:52px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-size:21px;font-weight:700;color:var(--text);background:#fff}
.krl .kauto{font-size:16px;color:var(--text-2)}
.ksoon{font-size:17px;color:var(--text-2);margin:4px 0 0}
.klate{font-style:normal;background:#fde7ea;color:var(--c-no);border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}
.ksold{display:block;font-size:12.5px;color:var(--text-2);padding:0 10px}
.kslow{display:inline-block;margin:2px 10px 4px;background:#fff3e0;color:var(--k-warn);border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}
.kc-slow{background:#fff3e0;color:var(--k-warn);border-radius:999px;padding:4px 14px;font-size:16px;font-weight:700}
.kbtn-q{background:#fff;border:1px solid var(--line-2);border-radius:12px;min-height:58px;padding:0 18px;font-size:16px;cursor:pointer}
.kc-note{background:#ebe1fc;border-radius:10px;padding:10px 14px;font-size:17px;margin:12px 0 0}
.kc h3{font-size:19px;margin:20px 0 6px}
.kc-ing{list-style:none;margin:0;padding:0}
.kc-ing li{font-size:19px;padding:9px 4px;border-bottom:1px solid var(--line);line-height:1.35}
.kc-ing li b{display:inline-block;min-width:104px;font-weight:800}
.kc-ing li.first{background:#fff3e6;border-radius:8px;padding-inline:10px;border-bottom-color:#fff}
.kc-first{display:block;font-size:15px;color:#7a3d00;font-weight:700;padding-inline-start:108px}
.kc-steps{margin:0;padding-inline-start:26px;font-size:19px;line-height:1.5}
.kc-steps li{margin-bottom:9px;padding-inline-start:4px}
.kempty{font-size:18px;line-height:1.6}
.kempty a{color:var(--c-new)}

/* printable menu: the house look (paper white, brown ink, three columns, thin rules) */
.sheets{display:grid;justify-items:center;gap:26px;padding-bottom:10px}
.sheet{width:min(100%,794px);background:#fff;color:#603018;box-shadow:0 10px 40px rgba(36,23,15,.16);border-radius:4px;container-type:inline-size}
.sh-in{min-height:141.4cqw;padding:6.5cqw 7cqw 4cqw;display:flex;flex-direction:column}
.sh-h,.sh-f{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:3cqw;font-size:2.1cqw}
.sh-h i,.sh-f i{height:1px;background:#603018;display:block}
.sh-cols{column-count:3;column-gap:5.5cqw;margin-top:5.5cqw;flex:1 0 auto}
.sh-sec{margin-bottom:4.4cqw}
.sh-sec h3{break-after:avoid;font-size:2.7cqw;font-weight:800;margin:0 0 2.4cqw;padding-bottom:1.3cqw;border-bottom:1px solid #603018}
.sh-sec h4{font-size:1.75cqw;font-weight:700;margin:2cqw 0 .8cqw;opacity:.85}
.sh-item{margin-bottom:2cqw;break-inside:avoid}
.sh-it{display:flex;justify-content:space-between;align-items:baseline;gap:2cqw}
.sh-it b{font-size:1.85cqw;font-weight:800;line-height:1.25}
.sh-p{font-size:1.7cqw;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:end}
.sh-p small{display:block;font-size:1.25cqw;color:#c62f45;font-weight:600}
.sh-item p{margin:.3cqw 0 0;font-size:1.55cqw;line-height:1.38}
.sh-item.ch{background:#fff0bd;box-shadow:0 0 0 .8cqw #fff0bd;border-radius:.3cqw}
.sh-f{margin-top:auto;padding-top:4cqw}
.sh-d{font-size:1.3cqw;text-align:center;margin:1.4cqw 0 0;opacity:.75}
.sh-sp{display:grid;grid-template-columns:1fr 1fr;gap:5cqw 4.5cqw;margin-top:6cqw;flex:1 0 auto;align-content:start}
.sh-spi img{width:100%;height:auto;display:block;border-radius:.8cqw;margin-bottom:1.8cqw}
.sh-spi .sh-it b{font-size:2.4cqw}.sh-spi .sh-p{font-size:2.1cqw}
.sh-spi p{font-size:1.75cqw;margin:.6cqw 0 0;line-height:1.38}
.sh-empty{font-size:2cqw;text-align:center;margin-top:20cqw}
@media (max-width:640px){.sh-cols{column-count:2}.kchips li{padding:8px 10px}.kchips b{font-size:18px}.kchips span,.kchips em{font-size:14px}.kc-first{padding-inline-start:0}}
@media print{
  @page{size:A4;margin:0}
  html,body{background:#fff!important}
  body>*:not(main),main>*:not(#board),.skip{display:none!important}
  main{padding:0!important;max-width:none}
  .sheets{display:block;padding:0}
  .sheet{width:210mm;box-shadow:none;border-radius:0;break-after:page;margin:0}
  .sh-cols{column-count:3}
  .sh-item.ch{background:none;box-shadow:none}.sh-p small{display:none}
}

/* booking rows (sim r1): the table is not where the guest asked; a long note wraps and grows while edited */
td.mis{box-shadow:inset 0 -3px 0 var(--c-bill)}
.mis-n{display:block;font-size:11px;line-height:1;color:#8a5a00;margin:-12px 0 0;padding:0 6px 4px;white-space:nowrap;pointer-events:none}
td.ntc{min-width:200px}
textarea.nt{display:block;height:auto;min-height:0;max-height:46px;resize:none;line-height:1.3;padding:5px 10px;white-space:normal;overflow:hidden;font:inherit;font-size:13.5px}
textarea.nt:focus{max-height:none;min-height:80px;overflow:auto;background:#fff}

/* stock (sim r1): a count that matches, the last count under the name, the reason pop with an amount, the logs */
.kmatch{flex:0 0 auto;width:34px;height:34px;margin-inline-start:6px;border:1px solid var(--line-2);border-radius:8px;background:var(--surface);color:var(--c-ok);font-size:16px;font-weight:700;cursor:pointer;line-height:1}
.kmatch:hover{border-color:var(--c-ok);background:#eaf6ef}
.kmatch:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.kname .kcnt{font-style:normal;font-size:12px;color:var(--c-ok);font-weight:600;margin-top:1px}
.kname .kcnt.short{color:var(--c-no)}
.kwq{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 2px;font-size:13px;color:var(--text-2);font-weight:600}
.kwq input{width:88px;height:38px;border:1px solid var(--line-2);border-radius:8px;text-align:center;font:inherit;font-size:15px}
.kwq-h{margin:4px 8px 2px;font-size:12.5px;color:var(--muted)}
td.kred,.kred{color:var(--c-no);font-weight:700}

/* receiving (sim r1): ordered vs arrived, line status, temperature, the date in words, short dates, lines nobody checked */
.krl .kmiss{font-style:normal;color:var(--c-no);font-weight:700}
.krl-st{display:flex;flex-direction:column;align-items:stretch;gap:4px;min-width:140px}
.krl-st .stb{min-height:48px;font-size:16px;border-radius:10px}
.krl li.unck{border-color:var(--c-new);box-shadow:0 0 0 2px var(--c-new) inset;background:#f2f7ff}
.krl li.off{opacity:.78}
.krl li.off .krl-q input{background:#f0f1f2}
.koff{margin:0;font-size:15px;color:var(--c-no);font-weight:600}
.kdw{display:block;font-size:13px;color:var(--text-2);font-weight:500;min-height:1px}
.kshort{display:block;font-size:13px;color:var(--c-no);font-weight:700;max-width:280px;line-height:1.3}
.kshort:empty,.kdw:empty{display:none}
.ktemp{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;font-size:15px;color:var(--text-2);flex-wrap:wrap}
.ktemp input{width:74px;height:44px;border:1.5px solid var(--line-2);border-radius:10px;text-align:center;font-size:19px;font-weight:700;background:#fff}
.ktemp.hot input{border-color:var(--c-no);color:var(--c-no)}
.ktemp em{font-style:normal;color:var(--c-no);font-weight:700;font-size:14px;flex-basis:100%;text-align:end}
.kchips .kgo{font-size:13.5px;color:var(--text-2);margin-top:2px}
/* the cooks' waste card */
.kwaste{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-bill);border-radius:16px;padding:14px 18px 16px;margin-bottom:18px}
.kw-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.kw-top h2{font-size:22px;margin:0}
.kw-top span{font-size:16px;color:var(--text-2);flex:1 1 220px}
.kw-top .kbtn-q{min-height:52px;font-size:17px;font-weight:700}
.kw-form{display:grid;gap:12px;margin-top:14px}
@media (min-width:860px){.kw-form{grid-template-columns:minmax(220px,1.3fr) auto minmax(0,2fr) auto;align-items:end}}
.kw-f{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--text-2);font-weight:600}
.kw-f select,.kw-f input{height:54px;border:1.5px solid var(--line-2);border-radius:10px;font:inherit;font-size:18px;padding:0 12px;background:#fff;color:var(--text)}
.kw-f input{width:110px;text-align:center;font-weight:700}
.kw-f b{font-size:15px;color:var(--text-2);font-weight:600}
.kw-why{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}
.kw-why>span{flex-basis:100%}
.kw-r{min-height:46px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;font:inherit;font-size:15.5px;cursor:pointer}
.kw-r[aria-pressed="true"]{background:var(--c-bill);border-color:var(--c-bill);color:#fff;font-weight:700}
.kw-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
.kw-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#fffaf3}
.kw-list b{font-size:16px}
.kw-list span{font-size:15px;color:var(--text-2);flex:1 1 200px}

/* what cannot wait (sim r1): runs out before any delivery, deadlines, a dish out for today, an emergency purchase */
.kalert{background:#fff;border:1px solid #f1c4cb;border-inline-start:8px solid var(--c-no);border-radius:16px;padding:14px 18px 16px;margin-bottom:18px}
.kalert>h2{font-size:21px;margin:0 0 10px;color:var(--c-no)}
.kdue{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.kdue li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;border-radius:10px;padding:9px 12px;font-size:15.5px;font-weight:600;background:#fff6e5;color:#7a4a00}
.kdue li.red{background:#fdecee;color:#9b1c2e}
.kdue .lnk{margin-inline-start:auto}
.kgap{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kgap>li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fffafa;display:grid;gap:8px}
.kgap-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.kgap-h b{font-size:18px}
.kgap-h span{font-size:15px;color:var(--text-2)}
.kgap-d{display:flex;flex-wrap:wrap;gap:8px}
.kdish{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:4px 4px 4px 4px;padding-inline-start:12px;background:#fff;font-size:14.5px}
.kdish.off{background:#f3f4f5;color:var(--muted)}
.kout{min-height:36px;border:0;border-radius:999px;padding:0 12px;background:var(--c-no);color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.kdish.off .kout{background:var(--c-ok)}
.kgap-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.kgap-a .kbtn-q{min-height:44px;font-weight:700}
.kcash-ok{font-size:14.5px;color:var(--c-ok);font-weight:700}
.kcash{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;width:100%}
.kcash label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text-2);font-weight:600}
.kcash input{height:46px;border:1.5px solid var(--line-2);border-radius:10px;font:inherit;font-size:17px;padding:0 10px;width:110px;text-align:center;background:#fff}
.kcash .kc-w input{width:180px;text-align:start}
.kcash label b{font-size:13px;color:var(--muted);font-weight:500}
.kcash .kbtn{min-height:46px;font-size:17px;padding:0 18px}
.kcash .kbtn-q{min-height:46px}
.kprice .pricec{display:inline-flex;align-items:center;gap:2px}
.kprice .pricec input{width:78px}
.kprice small{font-size:12px;color:var(--muted);margin-inline-start:2px}
.kmore{font-size:14px;color:var(--muted);align-self:center;margin:0}
.klater{margin:10px 0 0;font-size:15px;color:var(--text-2);font-weight:600}

/* floor (sim r1): the guest's tags on the table, an allergy in the table view */
.tico{display:inline-flex;gap:1px;font-size:12px;line-height:1;vertical-align:middle}
.tico i{font-style:normal}
.tb .shape .tico{position:absolute;top:-7px;inset-inline-end:-7px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:2px 4px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.tb .shape{position:relative}
.tb .shape .tico .ti-allergy{color:var(--c-no);font-weight:700}
td.dish .tico{margin-inline-end:6px;font-size:14px}
.tal{color:var(--c-no);font-weight:700}
/* sim r2: weekend line, waiting for a delivery, on the way, fridge failure */
.kwkend{margin:0 0 10px;padding:9px 12px;border-radius:10px;background:#eef3fb;color:#1d3d6b;font-size:15.5px;font-weight:600}
.kwait-h{margin:0 0 6px;font-size:15.5px;font-weight:700;color:var(--c-no)}
.kwait{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.kwait li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 12px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:15px}
.kwait li b{font-size:17px}
.kwait li em{font-style:normal;font-weight:700;color:var(--c-no)}
.kwait li.kmore{background:none;padding:2px 12px;color:var(--muted)}
.keta{font-style:normal;color:var(--muted);font-size:14px}
.krcv header .keta{font-size:15px}
.kway{display:block;margin:3px 6px 0;color:var(--muted);font-size:12.5px;line-height:1.3;white-space:normal}
.ktools{display:flex;justify-content:flex-end;margin:0 0 10px}
.ktools .kbtn-q{min-height:42px;font-size:15px;font-weight:600}
.kcold{background:#fff;border:1px solid #c9d6ea;border-inline-start:8px solid #2f6db5;border-radius:16px;padding:14px 18px 16px;margin-bottom:18px}
.kcold>h2{font-size:21px;margin:0 0 10px;color:#1d3d6b}
.kcold-f{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.kcold-f label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;font-weight:600;color:var(--text-2)}
.kcold-f select,.kcold-f input{height:46px;border:1.5px solid var(--line-2);border-radius:10px;font:inherit;font-size:16px;padding:0 10px;background:#fff}
.kcold-f select{min-width:150px}
.kco-t{display:inline-flex;align-items:center;gap:4px}.kco-t input{width:84px;text-align:center}.kco-t b{font-size:17px}
.kcold-r{margin:10px 0;font-size:14.5px;color:var(--text-2);line-height:1.5}
.kcold-w{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px}
.kcold-t{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}
.kcold-t th{font-size:13px;font-weight:500;color:var(--muted);text-align:start;padding:8px 10px;border-bottom:1px solid var(--line);background:#fafbfc}
.kcold-t td{padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.kcold-t tr.on td{background:#fff5f6}
.kcold-t input[type=checkbox]{width:22px;height:22px;accent-color:var(--c-no);cursor:pointer}
.kco-n b{display:block;font-size:15.5px}.kco-n small{display:block;color:var(--muted);font-size:12.5px}
.kco-q{display:inline-flex;align-items:center;gap:6px}.kco-q input{width:82px;height:38px;border:1.5px solid var(--line-2);border-radius:8px;text-align:center;font:inherit}
.kcold-a{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px}
.kcold-a b{font-size:17px;margin-inline-end:auto}
.kcold-a .kbtn,.kcold-a .kbtn-q{min-height:50px;font-size:17px}
@media (max-width:640px){.kcold{padding:12px}.kcold-f label{flex:1 1 40%}.kcold-f select,.kcold-f input{width:100%}.kcold-a .kbtn{width:100%}}
/* sim r2: a double booking stays marked until it is fixed (B2-01) */
td.dbl{box-shadow:inset 0 -3px 0 var(--c-no);background:#fff5f6}
.dbl-n{display:block;font-size:11px;line-height:1.1;color:var(--c-no);font-weight:700;margin:-12px 0 0;padding:0 6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;pointer-events:none}
.tb .shape{position:relative}
.tb .shape .tdbl{position:absolute;top:-8px;inset-inline-start:-8px;width:20px;height:20px;border-radius:50%;background:var(--c-no);color:#fff;font-style:normal;font-size:13px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px #fff}
.tb .lab2{font-size:11.5px;color:var(--c-no);font-weight:700;line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdbl-t{color:var(--c-no)}
/* sim r2 day 3: expired on the kitchen screen, specials that cannot be made, joined tables, the next booking, sold out today */
.kexp{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.kexp li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 12px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:15px}
.kexp li b{font-size:17px}.kexp li .kbtn-q{margin-inline-start:auto;min-height:44px;font-weight:700}
.kc-lack{margin:8px 0;padding:9px 12px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:15px;line-height:1.45}
.kc-can{margin:6px 0;font-size:15px;color:#7a4a00;font-weight:600}
.kc.kc-out [data-made]{opacity:.55}
.join-n{display:block;font-size:11px;line-height:1.1;color:var(--c-seat);font-weight:700;margin:-12px 0 0;padding:0 6px 4px;white-space:nowrap;pointer-events:none}
.tb .lab3{font-size:11.5px;color:var(--muted);line-height:1.2;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb .lab3.nx-warn{color:#8a5a00;font-weight:700}
.tb .lab3.nx-late{color:var(--c-no);font-weight:700}
.soldline{margin:0 0 12px;padding:8px 14px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:14.5px;line-height:1.45}
.soldline b{color:var(--c-no)}
.was.pa{color:var(--c-ok)}
/* which day for a new booking: two weeks at a glance, or any day up to two months (sim r1, B4-08) */
.pop.wide{min-width:0;width:min(560px,calc(100vw - 24px))}
.pop .dpk-h{font-weight:700;padding:4px 6px 2px;color:var(--text)}
.pop .dpk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.pop .dpk-d{background:#fff;color:var(--text);border:1px solid var(--line-2);display:grid;gap:1px;justify-items:center;align-content:center;padding:8px 2px;min-height:66px;font-weight:500}
.pop .dpk-d b{font-size:14px}.pop .dpk-d span{font-size:13px;color:var(--text-2)}.pop .dpk-d small{font-size:11px;color:var(--muted);white-space:nowrap}
.pop .dpk-d.wk{background:#f6f1e7}
.pop .dpk-d:hover,.pop .dpk-d:focus-visible{border-color:var(--c-new);outline:2px solid var(--c-new);outline-offset:0}
.pop .dpk-o{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--text-2);padding:2px 6px}
.pop .dpk-o input{font:inherit;min-height:40px;border:1px solid var(--line-2);border-radius:6px;padding:0 8px;color:var(--text)}
.mv-n{display:block;font-size:12px;color:var(--c-seat);padding:0 10px 4px;white-space:nowrap}
@media (max-width:520px){.pop .dpk-d{min-height:60px;padding:6px 0}.pop .dpk-d b{font-size:12px}.pop .dpk-d span{font-size:12px}.pop .dpk-d small{font-size:10px;white-space:normal;text-align:center}}
.kpq-fx{display:block;font-size:12px;color:var(--muted);font-weight:500}
/* a received amount far from the order asks first (sim r1, D6-01) */
.kchk{margin-top:8px;padding:10px 12px;border-radius:8px;background:#fff4e5;border:1.5px solid #e2a23a;color:var(--text)}
.kchk b{display:block;font-size:16px;margin-bottom:8px}
.kchk div{display:flex;flex-wrap:wrap;gap:8px}
.kchk .kbtn-q{min-height:44px}
.kfix{font-size:13px;color:var(--c-seat)}

/* the book keeps its days (sim r1, B7-01, B7-02, B7-05) */
.todo-n{display:block;margin-top:4px;padding-inline:2px;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--c-bill);white-space:normal;max-width:190px}
.fu-n{display:block;margin-top:4px;font-size:12.5px;color:var(--c-new);white-space:nowrap}
.fu-ok{margin-inline-start:4px;border:1px solid currentColor;border-radius:999px;padding:1px 9px;min-height:26px;font:inherit;font-size:12px;background:#fff;color:inherit;cursor:pointer}
.alg-n{display:block;padding:0 10px 5px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--k-warn);white-space:normal;max-width:260px}
.alg-n.sev{color:var(--c-no)}
tr.sevrow td.stick{box-shadow:inset -4px 0 0 var(--c-no)}
.hist{background:none;border:0;padding:6px 4px;margin:-6px -4px;font:inherit;color:inherit;cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;text-decoration:underline dotted;text-underline-offset:4px;min-height:36px}
.hist:hover{color:var(--c-new)}
.hno{font-size:11.5px;color:var(--c-no);text-decoration:none;white-space:normal;max-width:100px;line-height:1.3} /* wraps in the visits column at every width (review r3c, U30) */
.sev-b{display:inline-block;margin-inline-end:6px;margin-bottom:3px;padding:1px 9px;border-radius:999px;background:var(--c-no);color:#fff;font-size:12px;font-weight:700}
td.sevc .cellin{border-color:var(--c-no);color:var(--c-no);font-weight:600}
.pop .hst{list-style:none;margin:0;padding:0 4px;max-height:min(360px,60vh);overflow:auto;font-size:14px}
.pop .hst li{padding:8px 2px;border-bottom:1px solid var(--line);line-height:1.45}
.pop .hst li:last-child{border-bottom:0}
.hst-s{display:inline-block;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:12.5px;font-weight:600}
.hst-n{display:block;color:var(--text-2);font-size:13px}
/* event steps, known guests, notes for the next shift, birthdays, yes or no to messages (sim r1, B1-12, B5-03, B2-08, B1-29, B4-11, B3-10) */
.kg-n{display:block;padding:0 10px 5px;font-size:12.5px;line-height:1.3;color:var(--text-2);white-space:normal;max-width:260px}
.kg-n.vip{color:var(--c-seat);font-weight:600}
.kg-f{white-space:nowrap;unicode-bidi:isolate} /* one relative, or its "(★ VIP, 15 ביקורים)", stays whole and keeps its own direction (r3d2) */
.sh-n{display:block;padding:0 10px 5px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--c-new);white-space:normal;max-width:260px}
.cns-n{display:block;margin-top:3px;padding-inline:4px;font-size:12px;color:var(--text-2);white-space:nowrap}
.cns-n.rm{color:var(--c-cancel);font-weight:600}
.cellin.cns-s{margin-top:4px;font-size:12.5px;min-height:30px;padding-block:2px}
.evd-b{display:block;margin:4px 6px 2px;padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--c-new);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:28px}
.pop .evd{padding:4px 6px;max-width:440px;font-size:14px;line-height:1.5}
.pop .evd p{margin:0 0 8px}
.pop .evd-t{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;max-height:min(260px,40vh);overflow:auto}
.evd-c{border:1px solid var(--line);border-radius:6px;background:#fff;font:inherit;font-size:12.5px;padding:1px 8px;cursor:pointer;min-height:26px}
.grp.shift .shl{list-style:none;margin:0;padding:0}
.grp.shift .shl li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.grp.shift .shl li p{margin:0;font-weight:600;line-height:1.4;white-space:pre-wrap}
.grp.shift .shl li small{grid-column:1;color:var(--text-2);font-size:12.5px}
.grp.shift .sh-ok{grid-row:1 / span 2;grid-column:2;background:var(--c-ok);color:#fff}
.grp.shift .shw{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:var(--surface)}
.grp.shift .shw textarea{flex:1 1 320px;min-height:40px;resize:vertical}
.grp.shift .shw select{flex:0 1 260px;min-height:40px}
.gsum{display:none;padding:0 6px 4px;font-size:12px;color:var(--text-2)}
.bd-n{display:block;padding:0 6px 4px;font-size:12.5px;font-weight:600;color:var(--c-bill);white-space:normal;max-width:260px}
.em-n{display:block;font-size:12px;color:var(--text-2)}
.cellin.bdin{max-width:96px}
.cns-b{display:block;margin-top:3px;border:0;background:none;padding:0 4px;font:inherit;font-size:12px;color:var(--text-2);cursor:pointer;text-align:start;text-decoration:underline dotted}
.cns-b.warn{color:var(--k-warn);font-weight:600}
.gtools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
@media (max-width:720px){.gsum{display:block}}
/* empty rows, cancel reasons, no-shows, regulars, the load of the day (sim r1, B7-06, B5-02, B3-07, B4-12, B2-10) */
.blank-n{display:block;padding:0 10px 5px;font-size:12.5px;color:var(--text-2);white-space:normal;max-width:260px}
.lnk{border:0;background:none;padding:0;font:inherit;color:var(--c-new);text-decoration:underline;cursor:pointer}
.cx-n{display:block;margin-top:4px;font-size:12.5px;color:var(--c-cancel);white-space:nowrap}
.kg-w{display:block;padding:0 10px 5px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--c-no);white-space:normal;max-width:260px}
.tag-reg{font-size:11.5px;color:var(--c-seat);background:color-mix(in srgb,var(--c-seat) 12%,#fff);border-radius:4px;padding:1px 6px;white-space:nowrap;font-weight:600}
.load{display:flex;align-items:center;gap:6px 18px;flex-wrap:wrap;padding:10px 14px 6px;border-bottom:1px solid var(--line);background:var(--surface)}
.ld-bars{display:flex;align-items:flex-end;gap:2px;flex:1 1 380px;min-width:0;height:52px;padding-bottom:16px}
.ld{position:relative;flex:1 1 0;min-width:5px;height:36px;background:color-mix(in srgb,var(--line) 60%,transparent);border-radius:3px 3px 0 0}
.ld i{position:absolute;inset-inline:0;bottom:0;height:var(--h);border-radius:3px 3px 0 0;background:var(--c-ok)}
.ld.mid i{background:var(--c-bill)}
.ld.hi i{background:var(--c-no)}
.ld b{position:absolute;top:39px;inset-inline-start:50%;transform:translateX(50%);font-size:10.5px;font-weight:600;color:var(--text-2);line-height:1}
.ld.gap{margin-inline-start:10px}
.ld.now{outline:2px solid var(--c-new);outline-offset:1px}
.ld-t{margin:0;font-size:13.5px;color:var(--text-2);flex:1 1 240px}
.grp.past .grp-h span{color:var(--text-2)}
/* rain, celebrations, big groups (sim r1, B2-06, B3-06, B1-05) */
.chip-sep{width:1px;align-self:stretch;margin:6px 4px;background:var(--line-2)}
.rain{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--c-new) 7%,#fff)}
.rain p{margin:0;flex:1 1 320px;font-size:14px;line-height:1.45}
.rain-b{display:flex;gap:8px;flex-wrap:wrap}
.grp.shut .rain{display:none}
.calb{display:block;margin-top:4px;border:1px solid var(--line-2);border-radius:999px;background:#fff;font:inherit;font-size:12px;font-weight:600;padding:2px 10px;min-height:28px;cursor:pointer;color:var(--text-2);white-space:nowrap}
.calb[aria-pressed="true"]{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.rn-n{display:block;margin-top:3px;font-size:12px;color:var(--c-new);white-space:nowrap}
.mva-n{display:block;margin:2px auto 5px;font-size:11.5px;line-height:1.25;font-weight:600;color:var(--c-new);white-space:normal;max-width:110px}
.t td:has(> [data-f="date"]){min-width:108px}
.t td:has(> [data-f="time"]){min-width:78px}
.cel-n,.cel-h{display:block;margin:4px 6px 2px;padding:3px 10px;border-radius:14px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;min-height:28px;text-align:start;max-width:230px;white-space:normal;line-height:1.35}
.cel-n{border:1px solid color-mix(in srgb,var(--c-bill) 45%,#fff);background:color-mix(in srgb,var(--c-bill) 12%,#fff);color:var(--text)}
.cel-n.done{opacity:.6}
.cel-h{border:1px dashed var(--c-bill);background:#fff;color:var(--c-bill)}
.gp-n{display:block;padding:0 10px 5px;font-size:12.5px;font-weight:600;line-height:1.35;color:var(--c-seat);white-space:normal;max-width:280px}
.gp-n.wait{color:var(--k-warn)}
.t td .join-n{margin:0;padding:2px 6px 5px;pointer-events:auto;white-space:normal;max-width:230px;line-height:1.3}
.join-n.short{color:var(--c-no);font-weight:600}
.join-n .lnk,.gp-n .lnk{font-size:inherit;font-weight:600}
.pop.wide{max-height:calc(100vh - 16px);overflow:auto}
.pop .celf{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:6px}
.pop .celf label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--text-2)}
.pop .celf .cellin{min-height:40px;font-size:14.5px;color:var(--text);font-weight:500;border:1px solid var(--line-2);background:#fff;border-radius:6px;padding:0 8px;width:100%}
.pop .celf .celw{grid-column:1 / -1}
.pop .celf .celfee span{display:flex;align-items:center;gap:6px;min-height:22px}
.pop .celf .celfee input[type="checkbox"]{width:18px;height:18px;margin:0}
.pop .celf.noout .celwh{display:none}
.pop .cel-f{margin:0;padding:0 6px;font-size:12.5px}
.pop .celb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 6px 4px}
.pop .celb .btn-p{background:var(--c-new);color:#fff}
.pop .celb .btn-q,.pop .evd-c{background:#fff;color:var(--text);border:1px solid var(--line-2);font-weight:600}
.pop .calb{display:inline-flex;align-items:center;margin:0;background:#fff;color:var(--text-2);border:1px solid var(--line-2);min-height:32px;font-size:12.5px}
.pop .calb[aria-pressed="true"]{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.pop .phl{list-style:none;margin:0;padding:0 6px;max-height:min(420px,55vh);overflow:auto}
.pop .phl li{display:flex;align-items:center;gap:8px 12px;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.pop .phl li > span{flex:1 1 200px;font-size:14px}
.pop .phl a{font-weight:700;color:var(--c-new);text-underline-offset:3px}
.pop .bm{padding:6px;border-bottom:1px solid var(--line)}
.pop .bm-t{margin:4px 0;white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.45}
.pop .bm small,.pop .bm-n{color:var(--text-2);font-size:12.5px}
.pop .bm-n{margin:0;padding:4px 6px}
.grp.celg .cell{list-style:none;margin:0;padding:0}
.grp.celg .cell li{display:grid;grid-template-columns:auto 1fr auto;gap:2px 14px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line)}
.grp.celg .cell li > b{font-size:18px}
.grp.celg .cell li p{margin:0;font-weight:600;line-height:1.4}
.grp.celg .cell li small{color:var(--text-2);font-size:12.5px;line-height:1.4}
.grp.celg .cell li.soon{background:color-mix(in srgb,var(--c-bill) 10%,#fff)}
.grp.celg .cell li.done{opacity:.6}
.grp.celg .cel-ok{background:var(--c-ok);color:#fff}
.cel-w{display:inline-block;margin-inline-start:6px;padding:0 8px;border-radius:999px;background:var(--c-bill);color:#fff;font-size:12px;font-weight:600}
@media (max-width:560px){.pop .celf{grid-template-columns:1fr}}
/* one person, two cards; a family (sim r1, B4-09) */
.cellin.gname{font-weight:600;text-align:start;padding:0 6px 0 4px;min-width:150px}
.sug-n,.fam-n{display:block;padding:0 8px 5px;font-size:12.5px;line-height:1.35;white-space:normal;max-width:300px}
.sug-n{color:var(--k-warn);font-weight:600}
.fam-n{color:var(--c-seat);font-weight:600}
.sug-n .lnk{font-size:inherit;font-weight:600}
td.gact{white-space:nowrap}
td.gact .lk-b{display:block;margin:0 auto 4px;font-size:12.5px}
.pop .lk-q{display:flex;flex-direction:column;gap:4px;padding:2px 6px;font-size:13px;font-weight:600;color:var(--text-2)}
.pop .lk-q .cellin{min-height:40px;border:1px solid var(--line-2);border-radius:6px;background:#fff;text-align:start;padding:0 8px;font-size:14.5px;color:var(--text)}
.pop .lkl{list-style:none;margin:0;padding:0 6px;max-height:min(360px,50vh);overflow:auto}
.pop .lkl li{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.pop .lkl li > span{flex:1 1 220px}
.pop .lkl .btn{background:#fff;color:var(--text);border:1px solid var(--line-2);min-height:36px;font-size:13px;padding:0 10px}

/* guest notes on the booking (sim r1, B1-26, B4-10). The end-of-day message approval card was removed from this screen 31.10 (owner: unnecessary here). */
.gn-n{display:block;padding:0 10px 5px;font-size:12.5px;line-height:1.3;color:var(--c-seat);white-space:normal;max-width:260px}
.cmp-n{display:block;padding:0 10px 5px;font-size:12.5px;font-weight:600;color:var(--c-cancel)}

/* kitchen waves (sim r1) */
.kdue-a{display:inline-flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.kdue-a .kbtn-q,.kdue-a .kph-b{min-height:44px;font-size:15px;font-weight:700;padding:0 14px}
.kph-b{background:#fff;border:1px solid currentColor;border-radius:12px;color:inherit;cursor:pointer}
.kph-strip{grid-column:1/-1;margin:2px 0 0;padding:8px 12px;border-radius:10px;background:#fdecee;color:#9b1c2e;font-size:15px;font-weight:600;line-height:1.45}
.kph-strip a{color:inherit;font-weight:700;text-decoration:underline;margin-inline-start:6px}
.kgo-day{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-new);border-radius:16px;padding:12px 18px 14px;margin-bottom:18px}
.kgo-day h2{font-size:18px;margin:0 0 8px;color:var(--c-new)}
.kgo-day ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.kgo-day li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:15px}
.kgo-day li em{font-style:normal;color:var(--c-no);font-weight:700}
.kgo-day p{margin:8px 0 0;font-size:14px;color:var(--text-2)}
.t td.dish .kneed{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--text-2);font-weight:400}
.t td.dish .kred,.t td.dish .kamb{display:block;margin-top:4px;font-size:13.5px;font-weight:700}
.kamb{color:var(--k-warn)}
.t tr.sub.klow td{background:#fdecee}
.kneed-r{display:block}
.ktop{min-height:40px;font-size:14px;font-weight:700;margin-top:6px;padding:0 12px}
.kwas{display:block;font-size:12px;color:var(--k-warn);font-weight:700;white-space:nowrap}
.kgot{display:block;font-size:13.5px;color:var(--c-no);font-weight:600}
.krl li.nodate{border-color:var(--c-no);box-shadow:0 0 0 2px var(--c-no) inset;background:#fff5f6}
.knod{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--c-no);font-size:16px}
.knod .kbtn-q,.knolbl .kbtn-q,.ksub-a .kbtn-q{min-height:48px;font-size:16px;font-weight:700}
.knolbl{grid-column:1/-1;margin:0;color:var(--k-warn);font-size:15px;font-weight:600}
.ksub{display:grid;gap:8px}
.ksub p{margin:0;font-size:16px}
.ksub-a{display:flex;flex-wrap:wrap;gap:8px}
.ksub-a .kbtn-q[aria-pressed="true"]{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.kestbox{background:#fff;border:1px solid #f0dcb8;border-inline-start:8px solid var(--k-warn);border-radius:16px;padding:14px 18px 16px;margin-bottom:18px}
.kestbox h2{font-size:21px;margin:0 0 4px;color:var(--k-warn)}
.kestbox>p{margin:0 0 10px;font-size:15px;color:var(--text-2)}
.kestbox ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kestbox li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fffaf1}
.kestbox li b{font-size:18px;display:block}
.kestbox li span{font-size:14px;color:var(--text-2)}
.kestbox label{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--k-warn);font-weight:600}
.kestbox input{min-height:48px;font-size:18px;border:1px solid var(--line-2);border-radius:10px;padding:0 10px}
.ksoon.knot{color:var(--c-no);font-weight:600}
.kurg-s{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.kurg-s .kbtn-q{min-height:44px;font-size:14.5px}
.kurg-s .kbtn-q[aria-pressed="true"]{background:var(--c-new);border-color:var(--c-new);color:#fff}
.kurg-c{font-style:normal;background:#fff3e0;color:var(--k-warn);border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}
.t td.dish:has(.kneed),.t td.dish:has(.kneed-r){max-width:340px;min-width:260px}
.t .pricec input[data-f="fee"],.t .pricec input[data-f="cap"]{min-width:104px}
.krl li.subl{background:#fffaf1;border-color:#f0dcb8}
.krl li.subl>.krl-q input{background:#f0f1f2}

/* ---------- the close of the day (sim r1, B1-27) ---------- */
.grp.close{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px 0;margin-bottom:18px}
.grp.close.done{padding-bottom:4px}
.grp.close .grp-h{align-items:center}
.cl-a{display:inline-flex;gap:16px;margin-inline-start:auto;align-items:center}
.cl-a .lnk{font-size:14px}
.cl-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:4px 0 12px}
.cl-in h3{font-size:15.5px;margin:8px 0 2px}
.cl-in h3 b{display:inline-block;min-width:24px;padding:0 6px;border-radius:999px;background:var(--bg);text-align:center;font-size:13.5px}
.cl-in .muted{margin:0 0 6px;font-size:13.5px}
.cl-l{list-style:none;margin:4px 0 10px;padding:0}
.cl-l li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.cl-l li:last-child{border-bottom:0}
.cl-l li.came>span{color:var(--muted);text-decoration:line-through}
.cl-came{background:#fff;border:1px solid var(--line-2);min-height:36px;padding:0 12px;font-size:13.5px;font-weight:600;flex:none}
.cl-came[aria-pressed="true"]{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.cl-w{font-size:13.5px}
.cl-t{font-size:14px}
.cl-t th,.cl-t td{padding:8px 10px;text-align:center}
.cl-t th[scope="row"]{text-align:start;font-weight:600}
.cl-t .tot th,.cl-t .tot td{font-weight:700;background:var(--bg)}
.cl-t small,.sm-days small,.sm-src small{color:var(--muted);font-weight:400}
.cl-k{margin-top:8px}
.cl-go{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0 14px;border-top:1px solid var(--line)}
.cl-go .muted{font-size:13.5px}
@media (max-width:900px){.cl-in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.cl-t th,.cl-t td{padding:6px 3px}.cl-t thead th{white-space:normal;line-height:1.25;font-size:12.5px}.cl-t td{white-space:nowrap}.cl-t small{font-size:12px}} /* every column of the close-of-day table in the box on a phone */
/* ---------- the week in numbers (sim r1, B7-04) ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.kpi-l{display:block;color:var(--text-2);font-size:14.5px;font-weight:500}
.kpi-v{display:block;font-size:36px;font-weight:700;line-height:1.15;margin:2px 0}
.kpi small{display:block;color:var(--text-2);font-size:13px;line-height:1.35}.kpi-nw{white-space:nowrap} /* a tile's line breaks between phrases (r3c3b) */
.sm-sec{--g:var(--c-done);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:0 0 16px}
.sm-sec h2{font-size:18px;margin:0 0 6px}
.sm-sec>.muted{margin:0 0 10px;font-size:14px}
.sm-k{margin:8px 0 0;font-size:13px}
.sm-days th,.sm-days td,.sm-src th,.sm-src td{padding:9px 12px;text-align:center}
.sm-days th[scope="row"],.sm-src th[scope="row"]{text-align:start;font-weight:600;white-space:nowrap}
.sm-days .tot th,.sm-days .tot td{font-weight:700;background:var(--bg);border-top:2px solid var(--line-2)}
.sm-days .prev th,.sm-days .prev td,.sm-src .prev th,.sm-src .prev td{color:var(--text-2);font-weight:400}
.sm-hot{margin:0 0 10px;padding:10px 12px;border-radius:8px;background:#fff6e5;border:1px solid #f0d9a8;font-size:14.5px;line-height:1.5}
.heat-w{border-inline-start-width:1px;padding:6px}
table.heat{border-collapse:separate;border-spacing:2px;width:100%;min-width:980px;table-layout:fixed}
table.heat thead th{font-size:12px;font-weight:500;color:var(--text-2);text-align:start;padding:0 2px 2px}
table.heat thead th:first-child,table.heat tbody th{width:104px}
table.heat tbody th{font-size:13px;font-weight:600;text-align:start;white-space:nowrap;padding-inline-end:6px}
table.heat td{height:30px;border-radius:4px;text-align:center;font-size:12px;font-weight:700;color:#04101f;padding:0;cursor:default}
table.heat td:hover{outline:2px solid var(--text);outline-offset:-2px}
.heat .h0,.heat-key .h0{background:#eef1f4}
.heat .h1,.heat-key .h1{background:#cde2fb}
.heat .h2,.heat-key .h2{background:#9ec5f4}
.heat .h3,.heat-key .h3{background:#6da7ec}
.heat .h4,.heat-key .h4{background:#256abf}
.heat .h5,.heat-key .h5{background:#104281}
.heat .h4,.heat .h5{color:#fff}
.heat-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;color:var(--text-2)}
.heat-key span{display:inline-flex;align-items:center;gap:6px}
.heat-key i{display:inline-block;width:18px;height:14px;border-radius:3px}
.htip{position:fixed;z-index:80;background:var(--ink);color:#fff;border-radius:8px;padding:7px 11px;font-size:13px;line-height:1.4;pointer-events:none;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.htip b{display:block;font-size:14px}
.htip span{display:block;color:#cfd6d2}
.sm-rem{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sm-r{border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.sm-r h3{font-size:15px;margin:0 0 4px}
.sm-r h3 b{display:inline-block;min-width:22px;padding:0 6px;border-radius:999px;background:var(--bg);text-align:center;font-size:13px}
.sm-r ul{margin:0;padding:0 18px 0 0;font-size:14px;line-height:1.5}
.sm-r li{margin:2px 0}
@media (max-width:700px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-v{font-size:30px}.sm-sec{padding:12px}.sm-rem{grid-template-columns:minmax(0,1fr)}}

/* ---------- out for a few days, by ingredient (sim r1, A2-10) ---------- */
.pop .ingd{list-style:none;margin:6px 0 10px;padding:0;max-height:260px;overflow:auto}
.pop .ingd li{padding:5px 0;border-bottom:1px solid var(--line)}
.pop .ingd li:last-child{border-bottom:0}
.pop .ingd label{display:flex;gap:8px;align-items:center;font-size:14.5px;color:var(--text);cursor:pointer}
.pop .ingd input{width:18px;height:18px;flex:none;accent-color:var(--c-no)}
.pop .ingd small{margin-inline-start:auto}
.pop button.soft-no{background:#fdecee;color:#a3192f}
.pop .ingd .ing-s{font-size:12.5px}

/* ---------- the menu on a phone: one row per dish, the status chip and a one-tap 'אזל להיום' in reach (sim r1, A3-05) ---------- */
.mn{font-weight:600;display:block;padding:0 12px;white-space:normal;min-width:180px}
.mn .mg{font-weight:400}
.menu-t td.stc{min-width:130px}
.mq{display:none}
@media (max-width:640px){
  table.t.menu-t,.menu-t tbody{display:block;min-width:0}
  .menu-t thead{display:none}
  .menu-t tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "s s" "a a";align-items:center;gap:8px 10px;padding:12px;border-bottom:1px solid var(--line)}
  .menu-t tr:last-child{border-bottom:0}
  .menu-t td{display:block;height:auto;border:0;padding:0;text-align:start;background:none}
  .menu-t tr:hover td{background:none}
  .menu-t td.stick{grid-area:n;position:static;box-shadow:none}
  .menu-t .mn{padding:0;min-width:0;font-size:16px;line-height:1.3}
  .menu-t td.pc{grid-area:p}
  .menu-t .pricec{justify-content:flex-end;padding:0}
  .menu-t .pricec input{height:42px;border:1px solid var(--line-2);border-radius:8px}
  .menu-t td.stc{grid-area:s;display:flex;gap:8px;min-width:0}
  .menu-t .stb{flex:1 1 auto;min-width:0;height:46px;border-radius:10px}
  .mq{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;padding:0 16px;border:2px solid var(--c-no);border-radius:10px;background:#fff;color:#a3192f;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
  .mq.on{border-color:var(--c-ok);color:#0a5a35}
  .menu-t td.algc{grid-area:a;font-size:13px;line-height:1.35;color:var(--text-2)}
  .menu-t td.algc:empty{display:none}
  .menu-t td.algc:not(:empty)::before{content:"אלרגנים: ";color:var(--muted)}
  .menu-t td.desc{display:none}
  .menu-t tr:has(.pricec.wine){grid-template-areas:"n n" "p p" "s s" "a a"}
  .menu-t tr:has(.pricec.wine) .pricec{justify-content:flex-start;gap:12px}
}
.wtw{display:block;font-size:12.5px;font-weight:600;color:var(--c-no);line-height:1.35;margin-top:2px}
.lout{display:block;font-size:12.5px;font-weight:600;color:#9a5a00;line-height:1.35;margin-top:2px}
.gph{white-space:nowrap;display:inline-block;padding:0 10px}
.gph-m{display:none}
@media (max-width:640px){.gtab th:nth-child(2),.gtab td:nth-child(2){display:none}.gph-m{display:block;padding:0 10px 2px;font-size:14px;color:var(--text-2);text-align:end;font-variant-numeric:tabular-nums;white-space:normal}} .gph-n{white-space:nowrap} /* a line break only between numbers, on every screen (review r3c, UNVE7; r3c3) */
.gph-m.gph-e{white-space:normal;overflow-wrap:anywhere} /* the e-mail under the name on a phone (review U33) */
@media (max-width:640px){.gtab th.stick,.gtab td.stick{width:208px;max-width:208px}.gtab .hno{max-width:96px}.gtab .namec{flex-wrap:wrap;min-width:0;row-gap:2px}} /* the name column is capped, so the visits column keeps its room (review r3c, UNVE7) */ /* the visits column and its no-show note fit beside the name on a phone */

/* pos (restaurant OS): wave 1, 30.10.2026. The kitchen forecast strip, the waiter tablet (/admin/pad/), the floor's checks. */
/* kitchen strip (SPEC 6.3): one glance, 28 px numbers, half-hour bars with their numbers */
.kforecast{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-seat);border-radius:16px;padding:12px 18px 14px;margin:0 0 16px}
.pf-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin:0 0 4px}
.pf-top h2{margin:0;font-size:15px;font-weight:700;color:var(--c-seat);letter-spacing:0}
.pf-demo{font-size:13px;color:var(--muted);margin:0}
.pf-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;margin:0;font-size:19px;font-weight:600;line-height:1.35;color:var(--text)}
.pf-line b.tnum{font-size:28px;font-weight:700;line-height:1.1}
.pf-line b.pf-pk{font-size:inherit;line-height:inherit} /* the peak's guests at the line's size: the night's covers stay the big number (r3f) */
.pf-sep{color:var(--line-2);font-weight:400}
.pf-alg{color:var(--c-no)}
.pf-alg.sev{background:var(--c-no);color:#fff;border-radius:8px;padding:0 8px}
.pf-why{margin:4px 0 0;font-size:15.5px;color:var(--text-2);line-height:1.45;max-width:110ch}
.pf-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:10px}
.pf-grid>div{min-width:0}
.pf-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0 0 6px}
.pf-h h3{margin:0;font-size:16px}
.pf-h .muted{font-size:13px}
.pf-dish{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
@media (min-width:1100px){.pf-dish{grid-template-columns:repeat(6,minmax(0,1fr))}}
.pf-dish li{display:flex;flex-direction:column}
.pf-dish button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 8px;width:100%;min-height:52px;text-align:start;background:var(--strip);border:1px solid var(--strip-line);border-radius:10px;padding:5px 10px;cursor:pointer}
.pf-dish button:hover{border-color:var(--line-2)}
.pf-dish button[aria-expanded="true"]{background:#f3eefb;border-color:#cdb8ec}
.pf-dish b{font-size:15px;font-weight:600;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pf-q{grid-row:1/3;grid-column:2;font-size:26px;font-weight:700;color:var(--c-seat)}
.pf-dish small{font-size:13px;color:var(--muted)}
.pf-dish small b{display:inline;font-size:13px;color:var(--text)}
.pf-dw{margin:4px 2px 2px;font-size:14px;color:var(--text-2);line-height:1.4}
.pf-bars{display:flex;align-items:flex-end;gap:3px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.pf-bar{flex:1 0 30px;display:flex;flex-direction:column;align-items:center;gap:2px}
.pf-bar i{display:block;width:100%;max-width:30px;background:#cdb8ec;border-radius:4px 4px 0 0}
.pf-bar.now i{background:var(--c-seat)}
.pf-bn{font-size:13px;font-weight:700;color:var(--text)}
.pf-bt{font-size:11px;color:var(--muted);white-space:nowrap}
.pf-bar.now .pf-bt{color:var(--c-seat);font-weight:700}
.pf-small{margin-top:10px;padding-top:8px;border-top:1px dashed var(--line-2)}
.pf-small .pf-line{font-size:16px}
.pf-small .pf-line b.tnum{font-size:22px}
.pf-small .pf-line b.pf-pk{font-size:inherit}
@media (max-width:640px){.kforecast{padding:10px 12px 12px}.pf-line{font-size:17px;flex-direction:column;align-items:flex-start;gap:2px}.pf-sep{display:none}.pf-dish{grid-template-columns:1fr 1fr}.pf-bar{flex-basis:26px}}

/* floor (SPEC 6.2): check so far, stage, waiter ring, rows open to the lines, per-waiter footer, phone cards */
.ftab td{vertical-align:middle}
.fxb{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:46px;padding:4px 14px;border:0;background:none;text-align:start;cursor:pointer;color:inherit}
.fxb b,.fxn b{font-weight:600;font-size:15px;line-height:1.2}
.fxb small,.fxn small{font-size:12px;color:var(--muted);font-weight:400}
.ftab .fxb{position:relative;padding-inline-end:28px}
.ftab .fxb::after{content:"";position:absolute;inset-inline-end:10px;top:50%;width:7px;height:7px;border-inline-start:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(-45deg)}
.ftab .fxb[aria-expanded="true"]::after{transform:translateY(-30%) rotate(135deg)}
.ftab .fxb:hover b{text-decoration:underline;text-underline-offset:3px}
.fxn{display:flex;flex-direction:column;padding:4px 14px}
.fchip{display:inline-flex;align-items:center;white-space:nowrap;font-size:13.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,#fff);border-radius:999px;padding:2px 10px;line-height:1.35}
.fsum{font-weight:700;font-size:15.5px}
.fnx{font-size:13.5px;color:var(--text-2);white-space:nowrap;padding-inline:8px}
.fnx.warn{color:var(--k-warn);font-weight:700}
.wcell{white-space:nowrap;padding-inline-start:8px}
.wcell .wring{vertical-align:middle}
.wcell .cellin{display:inline-block;width:calc(100% - 32px);vertical-align:middle;padding-inline:6px}
.wring{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--ring,#8a948f);font-size:12.5px;font-weight:700;color:var(--text);line-height:1}
.fxr td{background:#f8f9fb;padding:10px 16px 12px;border-bottom:1px solid var(--line)}
.fxl{display:flex;flex-wrap:wrap;gap:10px 28px}
.fx-seat{flex:1 1 260px;min-width:0;max-width:420px}
.fx-seat h3{margin:0 0 4px;font-size:13.5px;color:var(--muted);font-weight:600}
.fx-seat ul{list-style:none;margin:0;padding:0}
.fx-seat li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.fx-seat li small{display:block;font-size:12.5px;color:var(--muted)}
.fx-seat li.void>span:first-child{text-decoration:line-through;color:var(--muted)}
.fx-st{font-size:12.5px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border-radius:999px;padding:2px 9px;white-space:nowrap}
.fx-empty{margin:0;color:var(--muted);font-size:14px}
.wfoot{margin-top:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.wfoot h2{margin:0 0 8px;font-size:15px}
.wfoot ul{display:flex;flex-wrap:wrap;gap:8px 26px;list-style:none;margin:0;padding:0}
.wfoot li{display:flex;align-items:center;gap:8px;font-size:15px;min-height:32px}
.wfoot .pf-demo{margin-top:8px}
.tb .lab4{font-size:12px;font-weight:700;color:var(--text);line-height:1.25;text-align:center;max-width:100%}
.tb.u1 .shape{outline:3px solid #d99a00;outline-offset:2px}
.tb.u2 .shape{outline:3px solid var(--c-no);outline-offset:2px}
.tb.u1 .lab4{color:var(--k-warn)}
@media (max-width:640px){.tb .lab4 .l4x{display:none}}
.tb.u2 .lab4{color:var(--c-no)}
.tb .shape .twr{position:absolute;bottom:-8px;inset-inline-start:-8px;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--text);box-shadow:inset 0 0 0 3px var(--ring,#8a948f),0 1px 2px rgba(0,0,0,.15);font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;line-height:1}
.fcards{display:grid;gap:10px}
.fcard{background:var(--surface);border:1px solid var(--line);border-inline-start:6px solid var(--line-2);border-radius:14px;padding:10px 12px 12px}
.fcard.u0{border-inline-start-color:var(--c-ok)}
.fcard.u1{border-inline-start-color:#d99a00}
.fcard.u2{border-inline-start-color:var(--c-no)}
.fc-h{display:flex;align-items:center;gap:8px}
.fc-n{font-size:19px}
.fc-h small{color:var(--muted);font-size:13px}
.fc-h .stb{width:auto;height:44px;border-radius:10px;margin-inline-start:auto;font-size:15px}
.fc-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;font-size:16px}
.fc-row b{font-size:20px;margin-inline-start:auto}
.fc-w{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:15px}
.fc-nx{margin:6px 0 0;font-size:14.5px;color:var(--text-2)}
.fc-nx.warn{color:var(--k-warn);font-weight:700}
.fc-note{margin:6px 0 0;font-size:14px;color:var(--text-2)}
.fcard .fxb{flex-direction:row;justify-content:flex-start;min-height:44px;margin-top:8px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;font-size:14.5px;font-weight:600;width:auto;display:inline-flex;align-items:center}
.fc-more{margin-top:8px;display:grid;gap:8px}
.fc-more label{display:grid;gap:4px;font-size:13.5px;color:var(--muted)}
.fc-more .cellin{border:1px solid var(--line-2);border-radius:10px;background:#fff;color:var(--text);text-align:start;text-align-last:start}
.fc-more .fxl{display:grid;gap:8px}

/* the waiter tablet (SPEC 6.1): a worker screen. Body 18 px, numbers 24 px and up, targets 48 px, chips with a word inside */
body.padpage{background:#eef0f2;font-size:18px}
.pad{flex:1 0 auto;width:100%;max-width:1480px;margin:0 auto;display:flex;flex-direction:column}
#pad{flex:1 0 auto;display:flex;flex-direction:column}
.padfoot{font-size:14px}
.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line-2);background:#fff;font-weight:600;font-size:17px;cursor:pointer;text-decoration:none;color:var(--text);white-space:nowrap}
.pd-btn.p{background:var(--c-ok);border-color:var(--c-ok);color:#fff}
.pd-btn.danger{border-color:#e7a3ae;color:var(--c-no);background:#fff}
.pd-btn.big{min-height:56px;font-size:18px;padding:0 22px}
.pd-btn:hover{filter:brightness(.97)}
.pd-chip{display:inline-flex;align-items:center;min-height:32px;padding:2px 12px;border-radius:999px;font-size:16px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 12%,#fff);border:1px solid color-mix(in srgb,var(--c) 40%,#fff);white-space:nowrap;line-height:1.2}
.pd-face{display:inline-grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--text);font-size:26px;font-weight:700;box-shadow:inset 0 0 0 5px var(--ring)}
.pd-face.sm{width:44px;height:44px;font-size:19px;box-shadow:inset 0 0 0 4px var(--ring)}
.pd-face.big{width:84px;height:84px;font-size:34px;box-shadow:inset 0 0 0 6px var(--ring)}
/* login */
.pd-login{padding:22px 16px 28px;width:100%;max-width:1100px;margin:0 auto}
.pd-login h1{font-size:28px;margin:0 0 4px;line-height:1.25}
.pd-hint{color:var(--text-2);margin:0 0 16px;font-size:17px}
.pd-staff{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px}
.pd-staff.rest .pd-who{min-height:120px;opacity:.85}
.pd-who{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:150px;padding:14px 10px;border-radius:18px;border:1px solid var(--line-2);background:#fff;cursor:pointer;text-align:center}
.pd-who b{font-size:22px}
.pd-who small{font-size:14.5px;color:var(--text-2);line-height:1.3}
.pd-who .pd-code{color:var(--muted);font-size:13.5px}
.pd-who:hover{border-color:var(--text-2)}
.pd-rest-h{font-size:18px;margin:22px 0 10px;color:var(--text-2)}
.pd-pinv{display:flex;flex-direction:column;align-items:center;text-align:center}
.pd-pinv h1{margin-top:10px}
.pd-dots{display:flex;gap:14px;margin:4px 0 6px}
.pd-dots i{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-2)}
.pd-dots i.on{background:var(--text);border-color:var(--text)}
.pd-err{min-height:28px;margin:0 0 8px;color:var(--c-no);font-weight:700;font-size:18px}
.pd-keys{display:grid;grid-template-columns:repeat(3,80px);gap:12px;direction:ltr}
.pd-key{width:80px;height:80px;border-radius:18px;border:1px solid var(--line-2);background:#fff;font-size:30px;font-weight:600;cursor:pointer}
.pd-key.soft{font-size:17px;color:var(--text-2);background:#f6f7f8}
.pd-key:active{background:#e8ebee}
/* top bar */
.pd-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
.pd-me{display:flex;align-items:center;gap:10px}
.pd-me b{display:block;font-size:20px;line-height:1.2}
.pd-me div>span{display:block;font-size:15px;color:var(--text-2)}
.pd-today{margin:0;font-size:18px;font-weight:600}
.pd-cc{display:inline-flex;align-items:center;min-height:36px;padding:2px 14px;border-radius:999px;background:#f3eefb;color:#5a2f96;font-weight:700;font-size:16px}
.pd-cc.soft{background:#f2f3f5;color:var(--text-2);font-weight:600}
.pd-acts{display:flex;gap:8px;margin-inline-start:auto}
.pd-acts .pd-btn{font-size:15px;min-height:48px;padding:0 14px}
/* specials strip */
.pd-spec{display:flex;flex-wrap:wrap;gap:8px;padding:8px 16px 0}
.pd-sp{flex:1 1 360px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:#fff8ea;border:1px solid #ecd3a0;border-radius:14px;padding:8px 12px}
.pd-sp.bad{border-color:#e7a3ae;background:#fdf1f3}
.pd-sp-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;flex:1 1 auto}
.pd-sp-h b{font-size:18px}
.pd-sp-h .tnum{font-size:20px;font-weight:700}
.pd-sp p{margin:0;flex:1 1 100%;font-size:15px;color:var(--text-2);line-height:1.4}
.pd-sp .pd-btn{min-height:48px}
.pd-al{color:var(--muted)}
/* home: my tables */
.pd-body{padding:12px 16px 16px}
.pd-hh{display:flex;align-items:baseline;gap:12px;margin:4px 0 8px}
.pd-hh h2{margin:0;font-size:24px}
.pd-hh span{color:var(--text-2);font-size:17px}
.pd-inc{margin:12px 0 0;font-size:17px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.pd-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.pd-card{--uc:var(--c-ok);display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:170px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);border-inline-start:8px solid var(--uc);background:#fff;text-align:start;cursor:pointer}
.pd-card.u1{--uc:#d99a00}
.pd-card.u2{--uc:var(--c-no)}
.pd-card:hover{border-color:var(--line-2)}
.pd-num{font-size:34px;font-weight:800;line-height:1}
.pd-cov{font-size:18px;color:var(--text-2)}
.pd-row{display:flex;flex-wrap:wrap;gap:6px}
.pd-tot{font-size:26px;font-weight:700}
.pd-nx{font-size:15.5px;color:var(--text-2)}
.pd-nx.warn{color:var(--k-warn);font-weight:700}
.pd-flags{display:flex;flex-wrap:wrap;gap:6px}
.pd-flag{font-size:15px;font-weight:700;border-radius:8px;padding:1px 8px;background:#f2f3f5}
.pd-flag.alg{background:#fdecee;color:var(--c-no)}
.pd-flag.alg.sev{background:var(--c-no);color:#fff}
.pd-flag.vip{background:#fff3cf;color:#7a5600}
.pd-flag.bday{background:#f3eefb;color:#5a2f96}
.pd-empty{margin:8px 0;padding:18px;border:1px dashed var(--line-2);border-radius:14px;background:#fff;color:var(--text-2);font-size:18px}
.pd-lift{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.pd-lift h3{margin:0 0 6px;font-size:19px}
.pd-lift ul{margin:0;padding:0 18px 0 0;font-size:18px}
.pd-lift p{margin:0;font-size:17px;color:var(--text-2)}
.pd-lift small{display:block;margin-top:4px;color:var(--muted);font-size:14px}
/* order pad: categories at the right, tiles in the middle, the check at the left (landscape) */
.pd-order{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(330px,380px);gap:12px;align-items:start;padding:10px 16px 12px}
.pd-cats{display:flex;flex-direction:column;gap:6px;position:sticky;top:10px}
.pd-cats button{min-height:52px;border-radius:12px;border:1px solid var(--line-2);background:#fff;font-size:18px;font-weight:600;text-align:start;padding:0 14px;cursor:pointer}
.pd-cats button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
.pd-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;align-content:start}
.pd-sub{grid-column:1/-1;margin:6px 0 0;font-size:16px;color:var(--text-2)}
.pd-sub:first-child{margin-top:0}
.pd-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:104px;padding:10px 12px;border-radius:14px;border:1px solid var(--line-2);background:#fff;text-align:start;cursor:pointer;position:relative}
.pd-tile b{font-size:20px;line-height:1.2;font-weight:600}
.pd-tile .pd-pr{font-size:19px;font-weight:700;color:var(--text)}
.pd-tile small{font-size:14px;color:var(--muted);line-height:1.3}
.pd-tile:hover{border-color:var(--text-2)}
.pd-ts{font-style:normal;font-size:14.5px;font-weight:700;border-radius:8px;padding:1px 8px;margin-top:auto}
.pd-ts.low{background:#fff3cf;color:#7a4b00}
.pd-ts.out{background:#e9ebee;color:#3c4440}
.pd-ts.bad{background:#fdecee;color:var(--c-no)}
.pd-tile.low{border-color:#e6c06a}
.pd-tile.out{background:#eef0f2;border-color:#d7dbe0;color:#59625d;cursor:not-allowed}
.pd-tile.out b,.pd-tile.out .pd-pr{color:#59625d}
.pd-tile.bad{border:2px solid var(--c-no)}
.pd-tile.wine{cursor:default}
.pd-wb{display:flex;gap:6px;margin-top:auto;width:100%}
.pd-wb button{flex:1;min-height:48px;border-radius:10px;border:1px solid var(--line-2);background:#f6f7f8;font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap}
.pd-wb button:hover{background:#eceef0}
/* the check */
.pd-check{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;position:sticky;top:10px;max-height:calc(100vh - 170px);overflow:auto}
.pd-ch-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.pd-ch-h h2{margin:0;font-size:24px}
.pd-ch-h>.tnum{font-size:17px;color:var(--text-2)}
.pd-cvs{display:inline-flex;gap:6px;margin-inline-start:auto}
.pd-mini{width:48px;height:48px;border-radius:10px;border:1px solid var(--line-2);background:#fff;font-size:22px;font-weight:700;cursor:pointer}
.pd-band{display:flex;flex-wrap:wrap;gap:2px 10px;margin:8px 0 4px;padding:8px 12px;border-radius:10px;background:#fdecee;color:#8f1d30;font-size:17px;border:2px solid var(--c-no)}
.pd-band.sev{background:var(--c-no);color:#fff}
.pd-gst{margin:6px 0 0;font-size:16.5px;color:var(--text-2)}
.pd-gst.vip{color:#7a5600;font-weight:700}
.pd-algs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 2px;font-size:15px;color:var(--text-2)}
.pd-ak{min-height:48px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:15px;cursor:pointer}
.pd-ak[aria-pressed="true"]{background:var(--c-no);border-color:var(--c-no);color:#fff;font-weight:700}
.pd-ak:disabled{opacity:1;cursor:default}
.pd-ak.more{border-style:dashed;color:var(--text-2)}
.pd-lines{margin-top:8px}
.pd-seat{margin:10px 0 4px;font-size:15px;color:var(--muted)}
.pd-lines ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pd-it{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 10px;width:100%;min-height:56px;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:#fafbfc;text-align:start;cursor:pointer}
.pd-it-n b{display:block;font-size:18px;font-weight:600;line-height:1.25}
.pd-it-n small{display:block;font-size:14px;color:var(--text-2)}
.pd-it-n small.ok{color:var(--c-ok);font-weight:600}
.pd-it-p{font-size:18px;font-weight:700}
.pd-it .pd-chip{font-size:14px;min-height:28px;padding:1px 9px}
.pd-it.void{opacity:.7}
.pd-it.void b{text-decoration:line-through}
.pd-sum{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 0;padding-top:10px;border-top:2px solid var(--text);font-size:18px}
.pd-sum b{font-size:28px}
/* bottom bar (landscape) */
.pd-bar{margin-top:auto;position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 16px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.05)}
.pd-send{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:14px;border:0;background:var(--c-ok);color:#fff;font-size:20px;font-weight:700;cursor:pointer}
.pd-send b{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#fff;color:var(--c-ok);font-size:18px}
.pd-send.off{background:#c9cfd3;color:#3c4440;cursor:not-allowed}
.pd-bar .pd-btn:last-child{margin-inline-start:auto}
/* bill */
.pd-bill{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:grid;gap:10px}
.pd-bill h2{margin:0;font-size:24px}
.pd-bill ul{list-style:none;margin:0;padding:0}
.pd-bill li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:18px}
.pd-done{margin:0;font-weight:700;color:var(--c-ok)}
/* me */
.pd-mev{max-width:980px}
.pd-mev h2{margin:0 0 4px;font-size:24px}
.pd-tw{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
.pd-t{border-collapse:collapse;width:100%;min-width:520px}
.pd-t th,.pd-t td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:start}
.pd-t thead th{font-size:15px;color:var(--text-2);font-weight:600}
.pd-t tbody th{font-size:17px;font-weight:600}
.pd-t td{font-size:24px;font-weight:700}
.pd-ct{margin:14px 0 0;font-size:18px;background:#f3eefb;border-radius:12px;padding:10px 14px;color:#3e2270}
/* sheets (mods, cancel, allergy check) */
.pd-sheet{position:fixed;inset:0;z-index:80;background:rgba(10,14,12,.45);display:flex;align-items:flex-end;justify-content:center}
.pd-sheet-in{width:min(640px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:20px 20px 0 0;padding:18px 18px 22px}
.pd-sheet-in h2{margin:0 0 8px;font-size:24px}
.pd-sheet-in h3{margin:14px 0 6px;font-size:17px;color:var(--text-2)}
.pd-sheet-in p{margin:0 0 8px;font-size:18px}
.pd-chips{display:flex;flex-wrap:wrap;gap:8px}
.pd-chips button{min-height:48px;min-width:48px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:17px;cursor:pointer}
.pd-chips button[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff;font-weight:700}
.pd-note{display:grid;gap:6px;margin:14px 0 4px;font-size:17px;color:var(--text-2)}
.pd-note input{min-height:52px;border:1px solid var(--line-2);border-radius:12px;padding:0 14px;font-size:18px;color:var(--text)}
.pd-sheet-in>.pd-btn.danger{margin-top:14px}
.pd-sheet-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
@media (min-width:1000px){.pd-sheet{align-items:center}.pd-sheet-in{border-radius:20px}}
/* portrait and phone: one column, tabs at the bottom, the send button floats above them */
.pd-tabs{position:fixed;bottom:0;inset-inline:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);height:64px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.06)}
.pd-tabs button{border:0;background:none;font-size:17px;font-weight:600;color:var(--text-2);cursor:pointer}
.pd-tabs button[aria-current="page"]{color:var(--text);box-shadow:inset 0 3px 0 var(--c-ok)}
.pd-tabs button[aria-disabled="true"]{color:#9aa29e}
.pd-float{position:fixed;bottom:76px;inset-inline:12px;z-index:41;display:flex;gap:8px}
.pd-float .pd-send{flex:1;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.pd-float .pd-btn{box-shadow:0 6px 18px rgba(0,0,0,.12)}
.pd-tobill{width:100%;margin-top:10px}
body.padpage .toast{bottom:84px}
@media (max-width:999px){body.padpage.pd-in .toast{bottom:152px}.pd-float .pd-send{font-size:18px;padding:0 16px;white-space:nowrap;min-height:56px}.pd-float .pd-btn{font-size:15px;padding:0 12px;min-height:56px}}
.pd-order.narrow{display:block;padding:0}
.pd-order.narrow .pd-cats{flex-direction:row;position:sticky;top:0;z-index:20;overflow-x:auto;scrollbar-width:none;background:#eef0f2;padding:6px 0 8px;margin-bottom:4px}
.pd-order.narrow .pd-cats::-webkit-scrollbar{display:none}
.pd-order.narrow .pd-cats button{flex:none;min-height:48px;border-radius:999px;padding:0 16px}
@media (max-width:999px){
  body.padpage.pd-in{padding-bottom:150px}
  .pd-check{position:static;max-height:none}
  .pd-acts .pd-btn.q:last-child{display:none}
}
.pd-tbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%;margin:0 0 6px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;text-align:start;cursor:pointer;min-height:48px}
.pd-tbar b{font-size:20px}
.pd-tbar .tnum{font-size:17px;color:var(--text-2)}
@media (max-width:999px){.pd-top.ord .pd-today,.pd-top.ord .pd-cc{display:none}}
@media (max-width:640px){
  .pd-top{padding:8px 12px;gap:6px 12px}
  .pd-acts{order:1}.pd-today{order:2}.pd-cc{order:3}
  .pd-today{font-size:16px;flex:1 1 100%}
  .pd-cc{font-size:14.5px;min-height:32px}
  .pd-acts{margin-inline-start:auto}
  .pd-spec{padding:8px 12px 0}
  .pd-body{padding:10px 12px 12px}
  .pd-cards{grid-template-columns:1fr 1fr;gap:10px}
  .pd-card{min-height:160px;padding:10px 12px;border-inline-start-width:6px}
  .pd-num{font-size:30px}
  .pd-tiles{grid-template-columns:1fr 1fr;gap:8px}
  .pd-tile{min-height:96px;padding:9px 10px}
  .pd-tile b{font-size:18px}
  .pd-staff{grid-template-columns:1fr}
  .pd-who{min-height:120px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;column-gap:14px;text-align:start;justify-items:start;padding:12px 16px}
  .pd-who .pd-face{grid-row:1/4}
  .pd-staff.rest .pd-who{min-height:96px}
}
/* pos (restaurant OS) wave 2, 30.10.2026: what runs out before the service ends (SPEC 5.4, kitchen, menu, floor) and the prep board (SPEC 5.2, 6.3) */
.so-box{background:#fff;border:1px solid #f1c4cb;border-inline-start:8px solid var(--c-no);border-radius:16px;padding:12px 18px 16px;margin:0 0 16px}
.so-box h2{margin:0;font-size:20px;font-weight:700;color:var(--c-no)}
.so-src{margin:2px 0 10px;font-size:14px;color:var(--muted)}
.so-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.so-l>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fffafa}
.so-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.so-h b{font-size:20px}
.so-t{font-size:18px;font-weight:700;color:var(--c-no)}
.so-q{font-size:15px;color:var(--text-2)}
.so-d{grid-column:1;margin:0;font-size:17px;color:var(--text)}
.so-go{grid-column:2;grid-row:1/3;min-height:56px;padding:0 20px;border:0;border-radius:12px;background:var(--c-no);color:#fff;font-size:17px;font-weight:700;cursor:pointer;text-wrap:balance}
.so-go:hover{filter:brightness(1.08)}
.so-all{display:block;margin-top:10px;width:100%}
.kprep{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-ok);border-radius:16px;padding:12px 18px 16px;margin:0 0 16px}
.kp-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}
.kp-top h2{margin:0;font-size:22px}
.kp-sub{font-size:16px;color:var(--text-2)}
.kp-src{margin:2px 0 10px;font-size:14px;color:var(--muted)}
.kp-l{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kp-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fbfdfb}
.kp-row.short{border-color:#f1c4cb;background:#fffafa;border-inline-start:6px solid var(--c-no)}
.kp-n{display:grid;gap:2px;min-width:0}
.kp-n b{font-size:22px}
.kp-n span{font-size:19px;font-weight:600}
.kp-n small{font-size:15px;color:var(--muted)}
.kp-a{display:flex;align-items:center;gap:8px}
.kp-st{min-width:56px;min-height:56px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font-size:26px;font-weight:700;line-height:1;cursor:pointer;color:var(--text)}
.kp-m{min-width:96px;text-align:center;font-size:24px}
.kp-go{min-height:64px;min-width:120px;padding:0 24px;border:0;border-radius:12px;background:var(--c-ok);color:#fff;font-size:22px;font-weight:700;cursor:pointer}
.kp-go:hover{filter:brightness(1.08)}
.kp-go[disabled],.kp-st[disabled]{opacity:.45;cursor:default}
.kp-sh,.kp-done,.kp-cnt,.kp-sec,.kprep .kcash{grid-column:1/-1}
.kp-sh p{margin:0 0 8px;font-size:17px}
.kp-sh p b{color:var(--c-no)}
.kp-sa{display:flex;flex-wrap:wrap;gap:8px}
.kp-sa .kbtn-q{min-height:48px;font-size:16px;font-weight:700}
.kp-done{margin:0;font-size:16px;font-weight:600;color:var(--c-ok);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.kp-done .kbtn-q{min-height:44px;font-size:16px;font-weight:700}
.kp-c{justify-self:start;min-height:44px;padding:0;font-size:15px;text-align:start}
.kp-cnt{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}
.kp-cnt label{display:grid;gap:4px;font-size:15px}
.kp-cnt label span{font-weight:600}
.kp-cnt input{width:140px;min-height:48px;font-size:20px;padding:0 10px;border:1px solid var(--line-2);border-radius:10px}
.kp-cnt label b{position:absolute;opacity:0;pointer-events:none}
.kp-cnt .kbtn,.kp-cnt .kbtn-q{min-height:48px;font-size:17px}
.kp-sec{margin:6px 0 0;font-size:16px}
.kp-ready{margin:10px 0 0;font-size:16px;color:var(--text-2)}
@media (max-width:700px){
  .so-l>li{grid-template-columns:1fr}
  .so-go{grid-column:1;grid-row:auto;width:100%}
  .kp-row{grid-template-columns:1fr}
  .kp-a{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;gap:8px}
  .kp-m{min-width:0}
  .kp-go{grid-column:1/-1;min-width:0;width:100%}
}

/* ---------- the event proposal: dishes, cost per guest, price, deposit, final number, and its sheets (sim r1, B5-04) ---------- */
.evmsg{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 14px;font-size:15px;line-height:1.5}
.evl-n{display:block;padding:0 12px;font-weight:600;color:var(--text);text-decoration:underline;text-underline-offset:3px;white-space:normal;min-width:150px}
.evl-d{white-space:nowrap;padding:0 10px}
.chip-s{display:inline-block;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;color:#fff;background:var(--c);white-space:nowrap}
.evh{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}
.evh-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px}
.evh-t h2{font-size:22px;line-height:1.25;margin:0}
.evh-t p{margin:0;color:var(--text-2);font-size:14.5px;flex:1 1 300px}
.evh-t .btn{min-height:44px}
.evf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 14px;align-items:start}
.evf label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--text-2);min-width:0}
.evf .cellin{min-height:44px;font-size:15px;color:var(--text);font-weight:500;border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:0 10px;width:100%}
.evf-n{font-weight:500;color:var(--muted);font-size:12.5px;min-height:17px;line-height:1.35}
.evh-t p a{white-space:nowrap}
.evtool{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;font-size:14px}
.evtool > span:first-child{font-weight:600;color:var(--text-2)}
.evtool .seg button{min-height:38px;padding:6px 14px}
.evper{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-2)}
.evper input{width:64px;min-height:40px;border:1px solid var(--line-2);border-radius:8px;background:#fff;text-align:center;font:inherit;color:var(--text)}
.evs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
.evt{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}
.evt > span{font-size:13px;color:var(--muted);font-weight:600}
.evt b{font-size:24px;font-variant-numeric:tabular-nums;line-height:1.25}
.evt b .kfc{font-size:20px;padding:2px 10px}
.evt small{font-size:12.5px;color:var(--text-2);line-height:1.4}
.evhint{margin:0 0 14px;font-size:14px;color:var(--text-2);line-height:1.5}
.evn{display:flex;flex-direction:column;padding:4px 12px;white-space:normal;min-width:170px;line-height:1.3}
.evn b{font-weight:600}
.evn span{font-size:12.5px}
.evq{display:inline-flex;align-items:center;gap:4px;padding:4px}
.evq button{width:40px;height:40px;border:1px solid var(--line-2);border-radius:8px;background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--text);padding:0}
.evq button:hover{background:#f0f2f4}
.evq button svg{width:14px;height:14px}
.evq input{width:64px;height:40px;text-align:center;border:1px solid var(--line-2);border-radius:8px;background:#fff;font:inherit;font-variant-numeric:tabular-nums}
.evtab td.algc{white-space:normal;font-size:13px;line-height:1.35;padding:4px 10px;max-width:240px;text-align:start}
.evtab tfoot th,.evtab tfoot td{font-weight:700;background:#fafbfc;height:44px;border-bottom:0}
.evtab tfoot th{padding:0 12px;text-align:start}
.evtab .evempty td{padding:16px;color:var(--text-2);white-space:normal;text-align:start;height:auto}
.evadd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-10px 0 16px}
.evadd .btn{min-height:44px}
.evadd .muted{font-size:13.5px}
details.evneed{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 14px}
details.evneed summary{cursor:pointer;font-weight:600;min-height:28px;line-height:1.5}
.evneed p,.evneed li{font-size:14px;line-height:1.55;margin:6px 0}
.evneed ul{margin:6px 0 0;padding-inline-start:18px}
.evsh{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.evsh > span{font-weight:600;color:var(--text-2);margin-inline-end:4px}
.evsh .btn,.evbar .btn{min-height:44px}
.evbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px}
.ead-q{display:block;padding:0 4px 6px}
.ead-q input{width:100%;min-height:44px;border:1px solid var(--line-2);border-radius:8px;padding:0 10px;font:inherit;background:#fff}
.ead-l{display:grid;gap:4px;max-height:min(56vh,520px);overflow:auto;padding:0 2px 4px}
.ead-h{margin:8px 4px 2px;font-size:13px;font-weight:700}
.pop .ead-i{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:start;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 10px;min-height:44px;cursor:pointer;font:inherit;font-weight:500;color:var(--text)}
.pop .ead-i:hover{background:#f6f7f9}
.pop .ead-i small{color:var(--muted);font-size:12.5px;white-space:nowrap}
.pop .ead-i[aria-pressed="true"]{border-color:var(--c-ok);background:color-mix(in srgb,var(--c-ok) 9%,#fff);font-weight:600}
.pop .ead-i[aria-pressed="true"] .ead-n::before{content:"✓ ";color:var(--c-ok);font-weight:700}
.ead-c{font-weight:500;font-size:13px}
.ead-0{padding:8px}
.ev-cols{column-count:2}
.ev-sheet .sh-cols{flex:0 0 auto}
.ev-to,.ev-k{margin-top:4.5cqw;text-align:center;font-size:2cqw;line-height:1.55}
.ev-to p,.ev-k p{margin:0}
.ev-to-n{font-size:3.2cqw;font-weight:800}
.ev-when{text-align:center;font-size:2.1cqw;margin:2.6cqw 0 0}
.ev-pr{margin-top:3cqw;padding-top:3cqw;border-top:1px solid #603018;text-align:center;font-size:2cqw;line-height:1.65}
.ev-pr p{margin:0}
.ev-kn{font-weight:700}
.ev-kt{width:100%;border-collapse:collapse;margin-top:3.5cqw;font-size:1.9cqw}
.ev-kt th,.ev-kt td{border-bottom:1px solid rgba(96,48,24,.35);padding:1cqw 1.2cqw;text-align:start}
.ev-kt th:nth-child(2),.ev-kt th:nth-child(3),.ev-kt td:nth-child(2),.ev-kt td:nth-child(3){text-align:center}
.ev-kh{font-size:2.1cqw;margin:3.5cqw 0 1cqw}
.ev-kp,.ev-ks li{font-size:1.8cqw;line-height:1.5}
.ev-ks{margin:0;padding-inline-start:3cqw}
@media (max-width:1100px){.evf{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1000px){.evs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .evh{padding:14px}
  .evf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .evt{padding:10px 12px}
  .evt b{font-size:20px}
  table.t.evtab,.evtab tbody,.evtab tfoot{display:block;min-width:0}
  .evtab thead{display:none}
  .evtab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n x" "q p" "c t" "a a";align-items:center;gap:6px 10px;padding:12px;border-bottom:1px solid var(--line)}
  .evtab td,.evtab th{display:block;height:auto;border:0;padding:0;text-align:start;background:none}
  .evtab tr:hover td{background:none}
  .evtab td.stick{grid-area:n;position:static;box-shadow:none}
  .evtab .evn{padding:0;min-width:0}
  .evtab td.evqc{grid-area:q}
  .evtab .evq{padding:0}
  .evtab .evq button{width:44px;height:44px}
  .evtab .evq input{height:44px}
  .evtab td.evp{grid-area:p;text-align:end}
  .evtab td.evp::after{content:" מנות";color:var(--muted)}
  .evtab td.evc{grid-area:c;font-size:13px;color:var(--text-2)}
  .evtab td.evc::before{content:"עלות מנה ";color:var(--muted)}
  .evtab td.evtc{grid-area:t;text-align:end;font-weight:600}
  .evtab td.evtc:not(:empty)::before{content:"עלות ";color:var(--muted);font-weight:400}
  .evtab td.algc{grid-area:a;max-width:none;padding:0}
  .evtab td.algc:empty{display:none}
  .evtab td.algc:not(:empty)::before{content:"אלרגנים: ";color:var(--muted)}
  .evtab td.evxc{grid-area:x}
  .evtab td.evxc .lnk{display:inline-flex;align-items:center;min-height:44px}
  .evtab tfoot tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;background:#fafbfc}
  .evtab tfoot th{padding:0}
  .evtab tfoot td:empty{display:none}
  .evsh{display:grid;grid-template-columns:1fr}
  .evsh .btn{justify-content:center}
  .evtab .evempty{display:block}
  .evadd{margin-top:-8px}
}
@media (max-width:640px){
  table.t.evl,.evl tbody{display:block;min-width:0}
  .evl thead{display:none}
  .evl tr{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;padding:12px 14px;border-bottom:1px solid var(--line)}
  .evl tr:last-child{border-bottom:0}
  .evl td{display:block;height:auto;border:0;padding:0;margin:2px 0;text-align:start;background:none;font-size:14px;color:var(--text-2)}
  .evl tr:hover td{background:none}
  .evl td.stick{position:static;box-shadow:none;flex:1 1 auto;min-width:0;order:0}
  .evl .evl-n{font-size:16.5px;font-weight:600}
  .evl td.evl-s{order:1;flex:none}
  .evl td.evl-d{order:2;flex:1 1 100%;font-size:15px;font-weight:600;color:var(--text)}
  .evl td.evl-g,.evl td.evl-f{order:3}
  .evl tr::after{content:"";order:4;flex-basis:100%;height:0}
  .evl td.evl-p,.evl td.evl-m{order:5}
  .evl td.evl-g::after{content:" סועדים"}
  .evl td.evl-f::before,.evl td.evl-m::before{content:"· ";color:var(--muted)}
  .evl td.evl-p:not(:has(.muted))::after{content:" לאדם"}
  .evl td.evl-p:has(.muted)::before{content:"מחיר לאדם "}
  .evl td.evl-m:has(.muted)::after{content:" מנות";color:var(--muted)}
}
@media print{#board .noprint{display:none!important}.ev-cols{column-count:2}}

/* K2: deliveries in arrival order, collapsed on a phone; late; prices per supplier; what comes in without an order; food cost targets (sim r1) */
.kwarn-c{font-style:normal;background:#fff3e0;color:#9a5a00;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}
.kok-c{font-style:normal;background:#e6f4ea;color:#1d6b35;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}
.krcv header{align-items:center}
.krcv-h{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;width:100%;min-height:52px;background:none;border:0;padding:0;text-align:start;font:inherit;color:inherit;cursor:pointer}
.krcv-h b{font-size:22px}.krcv-h span{font-size:15px;color:var(--text-2)}
.krcv-h .ar{margin-inline-start:auto;font-size:18px;color:var(--text-2)}
.krcv.shut{padding:6px 14px}.krcv.shut header{margin:0}
.krcv-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px}
.krcv-a .klate-b{min-height:48px;font-size:16px;font-weight:700}
.klate-p{background:#fff8ec;border:1px solid #f0d3a3;border-radius:12px;padding:10px 14px;margin:0 0 12px;font-size:16px;line-height:1.5}
.klate-p p{margin:0 0 8px}.klate-p .kbtn-q{min-height:48px;font-size:16px;font-weight:700}
.klate-o{color:var(--c-no);font-weight:600}
.krcv>.kbtn[data-rcv]{width:100%}
.krcv.long>.kbtn[data-rcv]{position:sticky;bottom:10px;z-index:3;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.krcv-done{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-ok);border-radius:16px;padding:10px 16px;margin-bottom:10px;min-height:52px}
.krcv-done b{font-size:20px}.krcv-done span{font-size:15px;color:var(--text-2)}
.ktools.kit-t{justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:0 0 14px}
.ktools.kit-t .kbtn-q{min-height:52px;font-size:17px;font-weight:700}
.ktools{flex-wrap:wrap;gap:8px}
@media (max-width:700px){
  .krcvs .krcv{padding:10px 12px 12px;border-inline-start-width:6px}
  .krcv header{margin-bottom:8px}
  .krl{gap:6px}
  .krl li{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 8px;padding:8px 10px}
  .krl li>.krl-n{grid-column:1;grid-row:1}
  .krl li>.krl-q{grid-column:2;grid-row:1}
  .krl li>.krl-st{grid-column:3;grid-row:1;min-width:0}
  .krl li>*:not(.krl-n):not(.krl-q):not(.krl-st){grid-column:1/-1}
  .krl-n b{font-size:17px;line-height:1.2}.krl-n span{font-size:13.5px}
  .krl-q>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .krl-q{gap:4px;font-size:14px}.krl-q input{width:64px;height:48px;font-size:19px}
  .krl-st .stb{min-height:48px;font-size:14px;padding:0 8px;max-width:96px;white-space:normal;line-height:1.15}
  .krl .kauto{font-size:13.5px}
  .klots.big .klot{flex-wrap:nowrap;align-items:center}
  .klots.big .kld{flex-direction:row;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:13.5px}
  .klots.big .kld>span{flex:0 0 auto}
  .klots.big .kld input{height:48px;font-size:18px;width:160px}
  .klots.big .klot-f{gap:4px 10px}.klots.big .khint{font-size:13.5px}
  .klots.big .smsb{min-height:44px;font-size:14.5px;padding:4px 12px}
}
.kaddk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:4px 0}
.kaddk b{font-size:14.5px}.kaddk .kbtn-q{min-height:40px;font-size:14px;font-weight:600;padding:0 14px}
.kaf{background:#fbfcfd;border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;margin:6px 0 12px;display:grid;gap:10px;text-align:start}
.kaf-h{margin:0;font-size:14px;color:var(--text-2);line-height:1.5}.kaf-h b{color:var(--text);font-size:16px;margin-inline-end:6px}
.kaf-f{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px}
.kaf-f label,.kcash.kaf label{display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--text-2);font-weight:600}
.kaf-f input,.kaf-f select,.kcash.kaf select{height:44px;border:1.5px solid var(--line-2);border-radius:10px;font:inherit;font-size:16px;padding:0 10px;background:#fff;min-width:96px}
.kaf-f input[type=number]{width:110px;text-align:center}
.kaf-f small{font-size:12.5px;color:var(--muted);font-weight:500}
.kaf-f label b{font-size:13px;color:var(--muted);font-weight:500}
.kaf .kaf-i select{min-width:200px}
.kaf-a{display:flex;flex-wrap:wrap;gap:8px}.kaf-a .kbtn{min-height:46px;font-size:17px;padding:0 20px}.kaf-a .kbtn-q{min-height:46px}
.kaf.big .kaf-h{font-size:16px}.kaf.big .kaf-h b{font-size:19px}
.kaf.big .kaf-f input,.kaf.big .kaf-f select,.kcash.kaf.big input,.kcash.kaf.big select{height:52px;font-size:18px}
.kaf.big .kaf-a .kbtn{min-height:56px;font-size:19px}
.kcash.kaf{display:flex}
.kcash .kc-img input{width:auto;height:auto;border:0;padding:6px 0;font-size:14px;text-align:start}
.kc-th{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line-2)}
.kc-d{flex:1 1 100%;margin:0;font-size:14px;color:var(--text-2);font-weight:600}
.ksw{display:flex;align-items:center;gap:6px}
.kswap{min-width:36px;min-height:36px;border:1px solid var(--line-2);border-radius:9px;background:#fff;font-size:17px;cursor:pointer;color:var(--text-2)}
.kswap:hover{border-color:var(--text-2);color:var(--text)}
.kna{display:block;margin-top:3px;font-size:12.5px;color:var(--c-no);font-weight:700}
.kprice .xb{display:flex;margin-top:4px;font-size:12.5px}
.t tr.kps td{background:#f6f8fb}
.kpsrc{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.kna-c{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kna-c .cellin{max-width:150px}
.kmk1{min-height:36px;font-size:13.5px;font-weight:600;padding:0 12px}
.kfct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 16px;margin:0 0 14px;font-size:14.5px}
.kfct label{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.kfct input{width:64px;height:38px;border:1px solid var(--line-2);border-radius:8px;text-align:center;font-size:15px}
.kfct .muted{flex:1 1 260px;font-size:13px}
.kfct-s{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:var(--k-warn);font-weight:600;max-width:240px}
.kfct-s.muted{color:var(--muted);font-weight:500}
.t tr.kfco td{background:#f6f8fb}
.kpch-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px}.kpch-f b{font-size:15px;margin-inline-end:4px}
.kpch-0{margin:0 0 14px}
.kdn{display:inline-block;border-radius:5px;padding:1px 6px;font-size:12px;font-weight:700;background:#e6f4ea;color:#1d6b35}
.kback{min-height:38px;font-size:13.5px;font-weight:700;padding:0 12px;margin-top:4px}
.kback-t{display:block;color:var(--c-no);font-size:13.5px}
.kuntil{display:block;margin-top:4px;font-size:12.5px;color:var(--muted)}
.krnote{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-done);border-radius:16px;padding:12px 18px 14px;margin-bottom:18px}
.krnote h2{font-size:22px;margin:0 0 8px}
.krnote ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.krnote li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:18px;line-height:1.4}
.krnote li span{font-weight:600}.krnote li em{font-style:normal;font-size:15px;color:var(--text-2)}
.addrow .kaddk button,.addrow .kaf button{width:auto;height:auto;text-align:center;color:var(--text)}
.addrow .kaf .kbtn{background:var(--c-ok);color:#fff}.addrow .kaddk .kbtn-q,.addrow .kaf .kbtn-q{background:#fff;border:1px solid var(--line-2)}
.addrow td>.kaddk,.addrow td>.kaf{position:sticky;inset-inline-start:0;max-width:calc(100vw - 64px);box-sizing:border-box}
.kcash .kc-img{position:relative;align-self:flex-end}.kcash .kc-img input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.kc-ib{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:#fff;font-size:16px;font-weight:700;color:var(--text)}
.kcash .kc-img input:focus-visible+.kc-ib{outline:3px solid var(--c-new);outline-offset:2px}

/* K3: specials lifecycle (sim r1): runs and their results, the shelf check, allergens and steps, the service bar, dish cards, the printed sheet */
.kc .kc-b>.kc-d,.kds-c>.kc-d{flex:none;margin:6px 0 12px;font-size:17px;font-weight:400;color:var(--text-2)}
.kspsum{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-ok);border-radius:16px;padding:12px 18px 14px;margin:0 0 16px}
.kspsum h2{font-size:18px;margin:0 0 8px}
.kspsum ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font-size:15.5px}
.kspsum b{font-variant-numeric:tabular-nums}
.knews,.kprs{margin:0 0 12px;padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.45}
.knews{background:#eef6ff;color:#173f73}
.kprs{background:#fff3e0;color:#7a4a00}
.kprs .lnk{color:inherit;font-weight:700;text-decoration:underline;margin-inline-start:6px}
.ksaves .kgap{display:block;margin:6px 2px 0;padding:6px 10px;border-radius:8px;background:#fdecee;color:#8f1d2c;font-size:13px;font-weight:700;line-height:1.4}
.ksaves .kgap.soft{background:#fff8ec;color:#7a4a00;font-weight:600}
.kprom{display:block;font-size:12.5px;color:var(--text-2);margin:0 4px 4px}
.kalg{display:block;padding:0 10px 4px;font-size:12.5px;color:var(--text-2);line-height:1.4}
.kclaim{display:block;margin:2px 10px 6px;padding:4px 8px;border-radius:6px;background:#fdecee;color:#8f1d2c;font-size:12.5px;line-height:1.4}
.kcrs{border:0;cursor:pointer;font:inherit;font-size:11.5px;min-height:24px}
.tag-site.kown{background:#7444d8}
.tag-site.knew{background:#0f6fb8}
.ksoldf{display:flex;align-items:center;gap:6px;padding:2px 10px;font-size:12.5px;color:var(--text-2)}
.ksoldf .cellin{height:34px;width:64px;flex:none;padding:0 6px;border:1px solid var(--line-2);border-radius:6px;background:#fff;text-align:center}
.kslow.kover{background:#ebe1fc;color:#4b2391}
.kplan{padding-top:6px}
.kuntil-b{min-height:38px;border:1px solid var(--line-2);border-radius:999px;background:#fff;padding:0 12px;font-size:13.5px;cursor:pointer;white-space:nowrap}
.kuntil-b:hover{background:#f0f2f4}
.kstepw{margin:0 0 10px;padding:10px 14px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:14px;line-height:1.5}
.kstepw ol{margin:6px 0 8px;padding-inline-start:22px}
.kstepw em{font-style:normal;font-weight:700}
.kstepw .kbtn-q{min-height:44px;font-size:14.5px;font-weight:700}
.kspbar{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-seat);border-radius:16px;padding:12px 16px 14px;margin:0 0 16px}
.kspbar h2{font-size:21px;margin:0 0 6px}
.ksb-r{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;border-top:1px solid var(--line)}
.ksb-r:first-of-type{border-top:0}
.ksb-n{flex:1 1 220px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;background:none;border:0;padding:4px 0;text-align:start;cursor:pointer;color:inherit;font:inherit}
.ksb-n b{font-size:21px;line-height:1.2}
.ksb-n span{font-size:14px;color:var(--c-seat);font-weight:600;text-decoration:underline}
.ksb-r.out .ksb-n span{color:var(--c-no)}
.ksb-c{font-size:18px;white-space:nowrap}
.ksb-c b{font-size:28px;font-weight:800}
.ksb-r .kbtn{min-height:56px}
.ksb-r .kbtn-q{min-height:56px;font-size:15px}
.kc-over{background:#ebe1fc;color:#4b2391;border-radius:999px;padding:4px 14px;font-size:16px;font-weight:700}
.kc-over.full{background:#e6f4ea;color:#1d6b35}
.kc-al{margin:0 0 10px;font-size:16px;color:var(--text-2);font-weight:600}
.kc-claim{margin:0 0 10px;padding:9px 12px;border-radius:10px;background:#fdecee;color:#5b1220;font-size:16px;line-height:1.45}
.kc-set{margin:8px 0;padding:8px 12px;border-radius:10px;background:#eef6ff;color:#173f73;font-size:16px;font-weight:600}
.kc-steps li.kc-flag{background:#fdecee;border-radius:8px;padding:4px 8px}
.kc-steps li.kc-flag em{display:block;font-style:normal;font-size:15px;font-weight:700;color:#8f1d2c}
.kc:focus{outline:3px solid var(--c-seat);outline-offset:2px}
.krn-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.krn-top h2{margin:0}
.krnote li .kbtn-q,.krn-top .kbtn-q{min-height:44px;font-size:15px;font-weight:700;padding:0 14px}
.krnote li .kbtn-q{margin-inline-start:auto}
.krnote li{align-items:center}
.kdlook{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-done);border-radius:16px;padding:12px 18px 16px;margin-bottom:18px}
.kdlook h2{font-size:22px;margin:0 0 8px}
.kds-q{display:flex;flex-direction:column;gap:4px;font-size:15px;font-weight:600;color:var(--text-2);max-width:520px}
.kds-q input{min-height:52px;font-size:19px;border:1px solid var(--line-2);border-radius:12px;padding:0 14px}
.kds-l{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.kds-l .kbtn-q{min-height:48px;font-size:17px}
.kds-l .kbtn-q[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
#kds-r .kmore{margin:8px 0 0}
.kds-c{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.kds-c h3{font-size:26px;margin:0}
.kds-c h4{font-size:18px;margin:12px 0 6px}
.kc-ing li.new{background:#eef6ff;border-radius:8px;padding-inline:10px}
.kc-ing li.gone{color:var(--text-2)}
.kc-new{display:block;font-size:15px;color:#173f73;font-weight:700;padding-inline-start:108px}
.kpr-sp{display:flex;flex-direction:column;gap:10px;margin:0 0 14px}
.kpr-t{display:flex;flex-wrap:wrap;gap:8px}
.kpr-sp .kprs{margin:0}
.sh-spi .sh-w{font-size:1.65cqw;font-weight:700;margin:.4cqw 0 0}
@media (max-width:1100px){body[data-screen="kitchen"] .strip{display:none}body[data-screen="kitchen"] .nav a[href="/admin/"],body[data-screen="kitchen"] .nav a[href="/admin/floor/"],body[data-screen="kitchen"] .nav a[href="/admin/guests/"],body[data-screen="kitchen"] .nav a[href="/admin/summary/"],body[data-screen="kitchen"] .nav a[href="/admin/pad/"]{display:none}}
@media (max-width:700px){.ksb-r .kbtn{flex:1 1 auto}.ksb-n{flex-basis:100%}.kc-new{padding-inline-start:0}}

/* pos (restaurant OS), wave 3: the owner screens /admin/dash/ and /admin/sales/ (SPEC 6.4, 6.5). The charts read only the
   --viz-* and --hm* tokens, each with a light and a dark step (the dataviz reference palette); in dark mode only these two
   screens turn dark, the rest of the admin keeps its light theme. */
body[data-screen="dash"],body[data-screen="sales"],body[data-screen="summary"]{--viz-surface:#fff;--viz-ink:#0b0b0b;--viz-ink2:#52514e;--viz-muted:#64625d;--viz-grid:#e1e0d9;--viz-axis:#c3c2b7;--viz-today:#2a78d6;--viz-med:#898781;--viz-band:rgba(137,135,129,.17);--viz-up:#006300;--viz-dn:#c62f45;--hm0:#f0efec;--hm1:#cde2fb;--hm2:#9ec5f4;--hm3:#6da7ec;--hm4:#3987e5;--hm5:#256abf;--hm6:#184f95}
.ow{display:grid;gap:16px;min-width:0}
.ow-sum{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.ow-lead{margin:0;font-size:clamp(18px,2vw,21px);line-height:1.5;font-weight:600;color:var(--text);text-wrap:pretty}
.ow-lead2{margin:0;font-size:16px;font-weight:600;color:var(--text);text-wrap:pretty}
.ow-src{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.ow-demo{margin:0;font-size:13px;color:var(--muted)}
.ow-empty{margin:0;font-size:14px;color:var(--muted)}
.ow-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}
.ow-tiles{display:grid;gap:12px}
.ow-tg{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.ow-tg3{grid-template-columns:repeat(3,minmax(0,1fr))} /* two full rows: the money of the day, then the room now */
.ow-tile{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:3px}
.ow-tile h3{margin:0;font-size:14px;font-weight:600;color:var(--text-2)}
.ow-v{margin:2px 0 0;font-size:28px;font-weight:600;line-height:1.2;color:var(--text);overflow-wrap:anywhere}
.ow-d{margin:0;font-size:13.5px}
.ow-dl{display:inline-flex;align-items:center;gap:4px;font-weight:600}
.ow-dl svg,.ow-chg svg{width:10px;height:10px;flex:none}
.ow-dl.good{color:var(--viz-up)}.ow-dl.bad{color:var(--viz-dn)}.ow-dl.eq{color:var(--muted);font-weight:500}
.ow-sub{margin:0;font-size:13.5px;color:var(--text-2);text-wrap:pretty}
.ow-tile .ow-src{margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.ow-ask{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;min-width:0}
.ow-ask h2{margin:0;font-size:18px;font-weight:700;color:var(--text)}
.ow-ask-l{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.ow-q{display:flex;gap:8px;margin:12px 0 10px}
.ow-q input{flex:1 1 auto;min-width:0;height:48px;border:1px solid var(--line-2);border-radius:12px;padding:0 14px;background:var(--surface);color:var(--text);font-size:16px}
.ow-q .btn{min-height:48px;padding:0 18px;border-radius:12px}
.ow-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ow-chips button{min-height:48px;border:1px solid var(--line-2);background:var(--surface);color:var(--text);border-radius:12px;padding:7px 10px;text-align:start;font-size:14px;line-height:1.3;cursor:pointer}
.ow-chips button:hover{border-color:var(--c-new);background:color-mix(in srgb,var(--c-new) 6%,var(--surface))}
.ow-ans{margin-top:12px;display:grid;gap:10px}
.ow-a{border-top:1px solid var(--line);padding-top:10px}
.ow-aq{margin:0;font-size:13px;color:var(--muted)}
.ow-at{margin:4px 0 0;font-size:16.5px;line-height:1.55;color:var(--text);text-wrap:pretty}
.ow-a.old .ow-at{font-size:15px;color:var(--text-2)}
.ow-al{display:inline-flex;align-items:center;min-height:40px;font-size:14px;font-weight:600;color:var(--c-new);text-underline-offset:3px}
.ow-charts{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.ow-card{position:relative;min-width:0;background:var(--viz-surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ow-card h3{margin:0;font-size:16px;font-weight:700;color:var(--viz-ink)}
.ow-card .ow-src{color:var(--viz-muted)}
.ow-plot{width:100%;margin-top:6px}
.ow-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--font)}
.ow-svg:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:6px}
.ow-svg .gl{stroke:var(--viz-grid);stroke-width:1}
.ow-svg .yl,.ow-svg .xl{fill:var(--viz-muted);font-size:12px;font-variant-numeric:tabular-nums}
.ow-svg .band{fill:var(--viz-band)}
.ow-svg .med{fill:none;stroke:var(--viz-med);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ow-svg .today{fill:none;stroke:var(--viz-today);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ow-svg .dot{fill:var(--viz-today);stroke:var(--viz-surface);stroke-width:2}
.ow-svg .vl{fill:var(--viz-ink);font-size:13px;font-weight:700;paint-order:stroke;stroke:var(--viz-surface);stroke-width:4px;stroke-linejoin:round}
.ow-svg .cx{stroke:var(--viz-axis);stroke-width:1}
.ow-svg rect:hover{stroke:var(--viz-ink);stroke-width:1.5}
.hm0{fill:var(--hm0);background:var(--hm0)}.hm1{fill:var(--hm1);background:var(--hm1)}.hm2{fill:var(--hm2);background:var(--hm2)}.hm3{fill:var(--hm3);background:var(--hm3)}.hm4{fill:var(--hm4);background:var(--hm4)}.hm5{fill:var(--hm5);background:var(--hm5)}.hm6{fill:var(--hm6);background:var(--hm6)}
.ow-leg{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;font-size:13px;color:var(--viz-ink2)}
.ow-leg span{display:inline-flex;align-items:center;gap:6px}
.ow-leg i,.ow-tr i{display:inline-block;width:16px;height:0;border-top:2px solid var(--viz-med)}
.ow-leg .k-today,.ow-tr .k-today{border-color:var(--viz-today)}
.ow-leg .k-band,.ow-tr .k-band{height:10px;border:0;background:var(--viz-band);border-radius:2px}
.ow-tr .k-heat{height:10px;border:0;background:var(--hm4);border-radius:2px}
.ow-ramp{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:8px;font-size:12.5px;color:var(--viz-ink2)}
.ow-ramp i{display:inline-block;width:22px;height:12px;border-radius:2px}
.ow-ramp .tnum{margin-inline-start:8px}
.ow-tip{position:absolute;z-index:6;pointer-events:none;min-width:160px;background:var(--viz-surface);color:var(--viz-ink);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.16);padding:8px 10px;font-size:13px}
.ow-th{margin-bottom:4px;font-weight:600;color:var(--viz-ink2)}
.ow-tr{display:flex;align-items:center;gap:7px;line-height:1.6}
.ow-tr b{font-weight:700;color:var(--viz-ink)}.ow-tr span{color:var(--viz-ink2)}
.ow-tbl summary{display:inline-flex;align-items:center;min-height:40px;cursor:pointer;font-size:13.5px;color:var(--viz-ink2)}
.ow-t{width:100%;border-collapse:collapse;font-size:13.5px;color:var(--viz-ink)}
.ow-t th,.ow-t td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:start}
.ow-t thead th{font-size:12.5px;font-weight:600;color:var(--viz-ink2)}
.ow-mt{margin-top:8px}.ow-mt tbody th{font-weight:600}
.ow-mv2{display:grid;gap:8px 28px;grid-template-columns:minmax(0,1fr)}.ow-mh{margin:6px 0 0;font-size:15px;font-weight:700;color:var(--text)} /* the dishes that moved: rising beside falling (summary, 1.11.2026) */
@media (min-width:900px){.ow-mv2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ow-chg{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;white-space:nowrap}
.ow-chg.up{color:var(--viz-up)}.ow-chg.dn{color:var(--viz-dn)}.ow-chg.eq{color:var(--muted);font-weight:500}
.ow-tw{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.ow-st-t{width:100%;border-collapse:collapse;font-size:14px;color:var(--text)}
.ow-st-t th,.ow-st-t td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}
.ow-st-t thead th{font-size:13px;font-weight:600;color:var(--text-2);white-space:nowrap;background:var(--surface)}
.ow-st-t .num{text-align:start}
.ow-sort{border:0;background:none;font:inherit;color:inherit;cursor:pointer;padding:6px 2px;min-height:40px;white-space:nowrap}
.ow-sort:hover{color:var(--c-new)}
.ow-dn{font-weight:600;min-width:170px}.ow-dnn{display:block}
.ow-crs{display:inline-block;margin-top:3px;font-size:12px;font-weight:500;color:var(--text-2);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:1px 9px}
.ow-pr{font-weight:600}
.ow-spark{display:block}.ow-spark polyline{fill:none;stroke:var(--viz-med);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.ow-spark circle{fill:var(--viz-today);stroke:var(--surface);stroke-width:1.5}
.ow-st{min-width:150px;padding:0!important}
.ow-st .stb{border-radius:0}
.ow-spl{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:13px;color:var(--c-new)}
@media (min-width:1100px){.ow-grid{grid-template-columns:minmax(0,1fr) 380px}.ow-tiles{grid-column:1;grid-row:1}.ow-ask{grid-column:2;grid-row:1}.ow-charts{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.ow-c2{grid-column:1/-1}}
@media (max-width:699px){.ow-tiles,.ow-tg{gap:10px}.ow-tg{grid-template-columns:repeat(2,minmax(0,1fr))}.ow-tg3 .ow-tile:last-child{grid-column:1/-1}body[data-screen="sales"] .tools .seg button,body[data-screen="sales"] .tools select{min-height:44px}.ow-v{font-size:24px}.ow-sum{padding:14px}.ow-lead{font-size:18px}
  .ow-st-t thead{display:none}.ow-st-t,.ow-st-t tbody{display:block}.ow-tw{overflow:visible}
  .ow-st-t tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px;border-bottom:1px solid var(--line)}
  .ow-st-t th,.ow-st-t td{border:0;padding:0}.ow-st-t td::before{content:attr(data-l);display:block;font-size:12px;color:var(--muted);font-weight:500}
  .ow-dn{grid-column:1/-1;min-width:0}.ow-st{grid-column:1/-1;min-width:0;padding:0!important}.ow-st::before{display:none!important}.ow-st .stb{border-radius:10px;min-height:48px}}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]){color-scheme:dark;--bg:#0d0d0d;--surface:#1a1a19;--text:#f0efec;--text-2:#c3c2b7;--muted:#a3a199;--line:#2c2c2a;--line-2:#454540;--strip:#141413;--strip-line:#2c2c2a;--viz-surface:#1a1a19;--viz-ink:#f0efec;--viz-ink2:#c3c2b7;--viz-muted:#a3a199;--viz-grid:#2c2c2a;--viz-axis:#55554f;--viz-today:#3987e5;--viz-med:#a3a199;--viz-band:rgba(195,194,183,.14);--viz-up:#0ca30c;--viz-dn:#e66767;--hm0:#232322;--hm1:#0d366b;--hm2:#184f95;--hm3:#256abf;--hm4:#3987e5;--hm5:#6da7ec;--hm6:#9ec5f4}
  :root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]) :is(.seg,.thr,.thr select,.search input,.btn-q,.fact,.pop,.agent-card){background:var(--surface);color:var(--text);border-color:var(--line-2)}
  :root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]) .seg button[aria-pressed="true"]{background:var(--text);color:#0d0d0d}
  :root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]) .mates .face{box-shadow:0 0 0 2px var(--strip),0 0 0 3px var(--ac)}
  :root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]) .ow-al,:root:not([data-theme="light"]) :is(body[data-screen="dash"],body[data-screen="sales"]) .ow-spl{color:#86b6ef}
}

/* wave 3 hook: the two owner links (לוח בקרה, מכירות) would push the nav to its own row at 1180 (a tablet loses 40 px of the
   first screen, the kitchen strip no longer fits 1180x820): tighter pills between 960 and 1439 keep the header rows of before */
@media (min-width:960px) and (max-width:1439px){.nav a{padding-inline:8px}}
/* staff module (31.10): one more screen in the menu. On a wide screen the menu takes the room that is left and scrolls inside it, so the link to the site never drops to a second line */
@media (min-width:960px){.nav{flex:1 1 0;min-width:0}}
@media (min-width:1440px) and (max-width:1599px){.nav a{padding-inline:10px}}
/* a menu that scrolls says so: the side it continues on fades out (admin.js marks the ends) */
.nav[data-more="end"]{-webkit-mask-image:linear-gradient(to left,transparent,#000 44px);mask-image:linear-gradient(to left,transparent,#000 44px)}
.nav[data-more="both"]{-webkit-mask-image:linear-gradient(to left,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(to left,transparent,#000 44px,#000 calc(100% - 44px),transparent)}
.nav[data-more="start"]{-webkit-mask-image:linear-gradient(to right,transparent,#000 44px);mask-image:linear-gradient(to right,transparent,#000 44px)}
.ow-more{display:none}
@media (max-width:699px){.ow-sales:not(.all) tbody tr:nth-child(n+31){display:none}.ow-sales:not(.all) .ow-more{display:block;width:100%;min-height:48px;margin-top:12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}} /* wave 3: 110 cards on a phone is a wall: the first 30 by the sort, then one button */
/* K4: stock and counting (sim r1): the receiving button under its header, the stock's three views, a count by place, the waste report, more life for what spoils, crumbs, plates without a check, no special today, tonight's allergies */
.krcv-b>.kbtn[data-rcv]{width:100%}
.krcv.long.stk .krcv-b>.kbtn[data-rcv]{position:sticky;bottom:10px;z-index:3;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.kstv{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.kstv-b{min-height:48px;padding:0 18px;border:1.5px solid var(--line-2);border-radius:999px;background:#fff;font:inherit;font-size:16px;font-weight:700;color:var(--text);cursor:pointer}
.kstv-b[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}
body.kst-v .tools #chips,body.kst-v .tools .search{display:none}
.kvalid{display:block;margin-top:3px;font-size:12.5px;color:var(--c-no);font-weight:700}
.klife{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.klife .kbtn-q{min-height:40px;font-size:14px;font-weight:600;padding:0 12px}
.kfrzl{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--c-seat);text-decoration:underline;cursor:pointer}
.kuse .kchips li .kfrzk{min-height:44px;font-size:15px;font-weight:700;margin-top:6px;padding:0 14px}
.kcnt,.kcsum,.kwr{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px 16px;margin:0 0 16px}
.kcnt-top h2,.kcsum h2,.kwr-top h2{font-size:22px;margin:0}
.kcnt-top p{margin:4px 0 12px;font-size:15px;color:var(--text-2);line-height:1.5}
.kcnt-pl{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.kcnt-pb{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;min-width:120px;padding:6px 14px;border:1.5px solid var(--line-2);border-radius:12px;background:#fff;font:inherit;color:var(--text);cursor:pointer;text-align:start}
.kcnt-pb b{font-size:16px}.kcnt-pb span{font-size:13.5px;color:var(--text-2)}
.kcnt-pb[aria-pressed="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1.5px var(--text)}
.kcnt-pb.done span{color:#1d6b35;font-weight:700}
.kcnt-prog{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;font-size:18px}
.kcnt-prog>span:not(.kok-c){font-size:15px;color:var(--text-2)}
.kcnt-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.kcnt-c{border:1px solid var(--line-2);border-inline-start:6px solid var(--c-new);border-radius:14px;padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.kcnt-c.done{border-inline-start-color:var(--c-ok);background:#fbfdfb}
.kcnt-n{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.kcnt-n b{font-size:19px;line-height:1.25}
.kcnt-in{display:flex;flex-wrap:wrap;gap:8px 12px}
.kcnt-f{display:flex;flex-direction:column;gap:3px;font-size:13.5px;color:var(--text-2);font-weight:600}
.kcnt-f input{width:130px;height:56px;border:1.5px solid var(--line-2);border-radius:12px;font:inherit;font-size:24px;font-weight:700;text-align:center;background:#fff}
.kcnt-f input:focus{outline:3px solid var(--c-new);outline-offset:1px}
.kcnt-r{margin:0;font-size:15px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.kcnt-r.ok{color:#1d6b35}.kcnt-r.short>span{color:var(--c-no)}.kcnt-r.over>span{color:#173f73}
.kcnt-r .stb{min-height:44px}
.kcnt-x{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:15px}
.kcnt-x b{color:var(--c-no)}.kcnt-x .del{min-height:44px;font-size:15px;font-weight:700}
.kcnt-x.quiet .kbtn-q{min-height:44px;font-size:14px;padding:0 12px;color:var(--text-2)}
.kcnt-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.kcsum-n,.kwr-n{list-style:none;margin:10px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15.5px}
.kcsum-n b{font-size:22px;font-variant-numeric:tabular-nums;margin-inline-end:4px}
.kcsum-n .short b{color:var(--c-no)}.kcsum-n .over b{color:#173f73}.kcsum-n .no b{color:var(--k-warn)}
.kcsum-p,.kcsum-o{margin:6px 0;font-size:15px;line-height:1.5}
.kcsum .grp{margin-top:12px}
.kwr-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.kwr-top span{font-size:15px;color:var(--text-2)}
.kwr-w{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.kwr-w .chip{min-height:44px;font-size:15px}.kwr-w .chip small{color:var(--muted)}
.kwr-w .chip[aria-pressed="true"]{background:var(--text);border-color:var(--text);color:#fff}.kwr-w .chip[aria-pressed="true"] small{color:#d8dde3}
.kwr-n li{display:flex;flex-direction:column;gap:2px;min-width:150px}
.kwr-n b{font-size:22px;font-variant-numeric:tabular-nums}.kwr-n li.big b{font-size:30px}.kwr-n li.short b{color:var(--c-no)}
.kwr-n span{font-size:13.5px;color:var(--text-2);max-width:260px;line-height:1.35}
.kwr-s{margin:6px 0;padding:8px 12px;border-radius:10px;background:#e6f4ea;color:#1d6b35;font-size:15px;font-weight:600}
.kwr-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px}.kwr-a .kbtn-q{min-height:48px;font-weight:700}.kwr-a .muted{font-size:13px}
.kwr-by{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:0 0 16px}
.kwr-by>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.kwr-by h3{font-size:16px;margin:0 0 4px}.kwr-by p{margin:0;font-size:14.5px;line-height:1.6}
.kc-xo{background:#fff3e0;color:#7a4a00;border-radius:999px;padding:4px 14px;font-size:15px;font-weight:700}
.knosp{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px;background:#fff;border:1px dashed var(--line-2);border-radius:14px;margin:0 0 16px;font-size:18px;text-align:start}
.knosp b{font-size:21px}.knosp span{color:var(--text-2)}
.knosp .kbtn-q{min-height:48px;font-size:16px;font-weight:700}
.kask{font-style:normal;color:#173f73;font-weight:600}
.kaskb .kbtn-q{min-height:40px;font-size:14px;padding:0 14px;margin-inline-start:6px}
.kal{background:#fff;border:1px solid var(--line);border-inline-start:8px solid var(--c-no);border-radius:16px;padding:12px 16px 14px;margin:0 0 16px}
.kal h2{font-size:21px;margin:0 0 6px}
.kal-l{list-style:none;margin:0;padding:0;display:grid;gap:0}
.kal-r{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;min-height:44px;border-top:1px solid var(--line);font-size:18px}
.kal-r:first-child{border-top:0}
.kal-t{font-size:22px;font-weight:800}
.kal-w{font-weight:600}
.kal-s{background:#e6f4ea;color:#1d6b35;border-radius:999px;padding:2px 12px;font-size:15px;font-weight:700}
.kal-k{background:#fdecee;color:#8f1d2c;border-radius:999px;padding:3px 12px;font-weight:800}
.kal-r.sev .kal-k{background:var(--c-no);color:#fff}
.kal-g{font-size:15px;color:var(--text-2)}
.kal-d{flex:1 1 100%;margin:2px 0 0;font-size:16.5px;line-height:1.45}
.kal-none{margin:0 0 14px;font-size:15px;color:var(--text-2)}
@media (max-width:700px){
  .kstv{gap:6px}.kstv-b{flex:1 1 auto;padding:0 10px;font-size:15px}
  .kcnt,.kcsum,.kwr{padding:12px 12px 14px}
  .kcnt-l{grid-template-columns:1fr}
  .kcnt-pb{min-width:0;flex:1 1 calc(50% - 8px)}
  .kcnt-f input{width:110px}
  .kcnt-a .kbtn{flex:1 1 100%}
  .kwr-n li{min-width:calc(50% - 22px)}
  .kal-r{font-size:17px}.kal-t{font-size:20px}
}
.kcnt-wl{font-size:14px;color:var(--text-2)}
.kcnt-r .stb{min-width:130px}
@media (max-width:700px){body.kst-v .strip,body.kst-v .tools{display:none}}
@media (max-width:700px){
  .kcnt-top p{margin:2px 0 8px;font-size:14px}
  .kcnt-pl{gap:6px;margin:0 0 8px}
  .kcnt-pb{min-height:48px;padding:4px 12px;gap:0}
  .kcnt-pb b{font-size:15.5px}.kcnt-pb span{font-size:13px}
  .kcnt-in>.kcnt-f:only-child{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px;font-size:15px}
}
@media (min-width:701px) and (max-width:1100px){.kcnt-pl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kcnt-pb{min-width:0}}
/* main lane m1 */
.pop .oc-l{margin:8px 6px 0;font-size:13.5px;font-weight:700;color:var(--text-2)}
.pop .oc-o{display:flex;flex-wrap:wrap;gap:6px;padding:0 6px}
.pop .oc-o .tg,.pop .tf-t{min-height:44px;font-size:14.5px;padding:0 14px;border-radius:8px}
.pop .tf-t{display:flex;align-items:center;gap:8px;justify-content:flex-start}
.pop .oc-n{margin:4px 6px;font-size:14px;line-height:1.5;color:var(--text)}
.pop .oc-n.muted{color:var(--muted);font-size:13px}
.oc-bar{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;padding:12px 14px;margin-bottom:12px;border:1px solid #b7cdea;border-inline-start:6px solid var(--c-new);border-radius:10px;background:color-mix(in srgb,var(--c-new) 8%,#fff)}
.oc-bar p{margin:0;flex:1 1 320px;font-size:15px;line-height:1.5}
.rain .oc-b{color:var(--c-new)}
.ic-cart{width:1em;height:1em;vertical-align:-.14em}
.tfb{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line-2);background:#fff;border-radius:999px;min-height:30px;padding:0 9px;margin:0 6px 4px;font:inherit;font-size:13px;line-height:1;color:var(--text-2);cursor:pointer}
.tfb:hover{border-color:var(--c-new)}
.tfb .tfg{display:inline-grid;place-items:center;min-width:14px}
.tf0{color:var(--muted);font-size:12.5px}
.tf-shut{display:block;color:var(--c-no);font-size:12px;font-weight:700;margin:0 6px 4px}
.fc-h .tfb{margin:0}
.tb .shape .tfm{position:absolute;bottom:-9px;inset-inline-start:-6px;display:inline-flex;gap:2px;background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:1px 5px;font-size:11px;line-height:1.25;color:var(--text-2);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.tb .shape .tfm i{font-style:normal;font-weight:500}
.tb.shut .shape{background:repeating-linear-gradient(135deg,#eceff2 0 7px,#e1e5e9 7px 14px);color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.tb.shut .lab{color:var(--c-no);font-weight:700}
.nd-b{display:inline-block;margin:2px 6px 4px;padding:2px 10px;border:1px solid #b9dcc7;border-radius:999px;background:#eef8f2;color:#0a5a35;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:28px}
.nd-w{display:block}
.dish .pre-s{display:block;font-weight:600;color:var(--text)}
.dish .pre-b{font-size:13px;margin:2px 0}
.pop .pre-h small{display:block;font-weight:500;color:var(--text-2);font-size:13px;margin-top:2px}
.pop .pre-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px;border-bottom:1px solid var(--line)}
.pop .pre-r.on{background:#f3f8ff}
.pop .pre-n{font-size:14.5px;line-height:1.35}
.pop .pre-n small{color:var(--muted);font-weight:500}
.pop .pre-q{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.pop .pre-x{width:44px;min-height:44px;padding:0;border:1px solid var(--line-2);background:#fff;color:var(--text);font-size:20px;font-weight:700;border-radius:8px}
.pop .pre-q input{width:60px;min-height:44px;text-align:center;border:1px solid var(--line-2);border-radius:8px;font-size:16px;padding:0 4px}
.ftab td.tfc{padding:4px 6px}
.ftab td.tfc .tfb{margin:0}
.ftab td.tfc .tf-shut{margin:4px 0 0}
.tb .shape .tfm{inset-inline-start:auto;inset-inline-end:-6px}
.tf0{font-weight:500}
.pop .wk-ns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:0 6px}
.pop .wk-b{min-height:56px;font-size:22px;font-weight:700;border-radius:10px;padding:0}
.pop .wk-b:last-child{font-size:16px}
.pop .wk-as{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.pop .wk-a{min-height:52px;font-size:16px;font-weight:700;display:grid;place-items:center;align-content:center;gap:0;line-height:1.2}
.pop .wk-a small{font-size:12px;font-weight:600;color:var(--c-no)}
.pop .wk-a:disabled{background:#f0f2f4;color:var(--muted);border-style:dashed;cursor:not-allowed}
.pop .wk-more{display:flex;align-items:center;gap:10px;padding:6px;font-size:14px;font-weight:600;color:var(--text-2)}
.pop .wk-more input{width:90px;min-height:48px;font-size:20px;text-align:center;border:1px solid var(--line-2);border-radius:8px}
.pop .wk-o{display:grid;gap:6px;padding:8px 6px 2px}
.pop .wk-go{display:grid;justify-items:start;gap:2px;min-height:56px;padding:6px 14px;text-align:start}
.pop .wk-go b{font-size:16px}
.pop .wk-go small{font-weight:500;font-size:13px;opacity:.9}
.pop .btn-q.wk-go{background:#fff;color:var(--text);border:1px solid var(--line-2)}
.pop .btn-p.wk-go{background:var(--c-new);color:#fff}
.fc-h:has(.tf-shut){flex-wrap:wrap}
.fc-h .tf-shut{color:var(--c-no);margin:0;order:9;flex-basis:100%}
/* kitchen waves K5 (sim r1: the small ones, prices and the printed menu; carried: orders and specials as cards on phones) */
.t td small.kleft{display:block;max-width:190px;margin:4px auto 2px;font-size:12px;line-height:1.35;color:#8a4f00;font-weight:600;white-space:normal}
.kwq-n{margin:0 0 8px;font-size:14px;line-height:1.4;color:var(--text-2)}
.kwq-n b{color:var(--text);font-size:15px}
.kname .kalg-r{font-style:normal;font-size:12px;line-height:1.3;color:#7a4b00;margin-top:3px;white-space:normal;max-width:250px}
.kpr-strip{background:#fff4dc;color:#6b4800}
/* the print screen: what waits, what is on the tables, the versions (never printed) */
.kpr-top{display:grid;gap:10px;margin:0 0 14px}
.kpr-wait,.kpr-last{border-radius:12px;padding:10px 14px;font-size:14.5px;line-height:1.45}
.kpr-wait{background:#fff4dc;border:1px solid #efd18a;color:#5c3d00}
.kpr-last{background:var(--surface);border:1px solid var(--line)}
.kpr-wait ul,.kpr-ch,.kpr-vs ul{margin:6px 0 4px;padding-inline-start:20px}
.kpr-wait li,.kpr-ch li,.kpr-vs li{margin:2px 0}
.kpr-ch-h{margin:6px 0 0;font-weight:600}
.kpr-last .muted{margin:4px 0 0}
.kpr-vs summary{cursor:pointer;font-weight:600;color:var(--c-new);min-height:32px;display:flex;align-items:center}
/* the guest sheet: lunch from 12:00, allergens like /eat/, "may contain" apart */
.sh-sec .sh-from{margin:-1.6cqw 0 1.8cqw;font-size:1.6cqw;font-weight:700;opacity:.85}
.sh-item p.sh-al,.sh-spi p.sh-al{margin:.35cqw 0 0;font-size:1.28cqw;line-height:1.35;opacity:.88}
.sh-al span{display:block}
.sh-al .sh-may{font-style:italic;opacity:.85}
.sh-in .sh-algn{margin:1.6cqw 0 0;font-size:1.35cqw;text-align:center;opacity:.8}
/* recipes: the week's price update in one list */
.kbat{margin:0 0 10px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-inline-start:6px solid var(--c-no);border-radius:var(--radius)}
.kbat-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.kbat-t h3{margin:0;font-size:16px;font-weight:700}
.kbat-t p{margin:0;flex:1 1 260px;font-size:14px;color:var(--text-2)}
.kbat .kbat-all{min-height:46px;font-size:16px;padding:0 18px}
.kbat ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.kbat li{padding:8px 10px;background:#fafbfc;border-radius:10px}
.kbat-r{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}
.kbat-r b{font-size:14.5px}
.kbat-r span{font-size:13px;color:var(--muted)}
.kbat-r .kbtn-q{margin-inline-start:auto;min-height:44px;font-size:15px;font-weight:700}
.kbat li p{margin:4px 0 0;font-size:13.5px;line-height:1.4}
/* orders: the reason three lines on wide screens, "עוד" opens it */
.t td.kwhyc .kwhy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.t td.kwhyc.kw-open .kwhy{display:block;overflow:visible}
.kwhy-m{display:inline-flex;align-items:center;min-height:32px;padding:0 2px;border:0;background:none;color:var(--c-new);font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}
@media (max-width:700px){
  .kcards .wrap{overflow:visible}
  .kcards table.t{min-width:0!important;display:block}
  .kcards thead{display:none}
  .kcards tbody,.kcards tr{display:block}
  .kcards .t td{display:block;height:auto;border:0;text-align:start;background:none;padding:0}
  .kcards .t .stick{position:static;box-shadow:none}
  .kcards .t tr:hover td{background:none}
  .kcards .kname{padding:0;min-width:0}
  .kcards .t tr.sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;background:#fafbfc;border-bottom:1px solid var(--line)}
  .kcards .t tr.sub>td{max-width:none}
  /* an order: supplier and status, day and sum, items, the reason (2 lines), how it goes and the message */
  .kpo-c .t tr:not(.sub){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 12px;border-bottom:1px solid var(--line)}
  .kpo-c .t tr:not(.sub)>td:nth-child(1){grid-column:1;grid-row:1}
  .kpo-c .t tr:not(.sub)>td:nth-child(7){grid-column:2;grid-row:1;align-self:start}
  .kpo-c .t tr:not(.sub)>td:nth-child(2){grid-column:1;grid-row:2;font-size:14px}
  .kpo-c .t tr:not(.sub)>td:nth-child(4){grid-column:2;grid-row:2;text-align:end;font-size:15px}
  .kpo-c .t tr:not(.sub)>td:nth-child(3){grid-column:1/-1;grid-row:3}
  .kpo-c .t tr:not(.sub)>td:nth-child(5){grid-column:1/-1;grid-row:4;max-width:none;padding:0;font-size:13.5px}
  .kpo-c .t tr:not(.sub)>td:nth-child(6){grid-column:1;grid-row:5;align-self:center;font-size:13.5px}
  .kpo-c .t tr:not(.sub)>td:nth-child(8){grid-column:2;grid-row:5}
  .kpo-c .t tr:not(.sub)>td:nth-child(2)::before{content:"אספקה: ";color:var(--muted)}
  .kpo-c .t tr:not(.sub)>td:nth-child(6)::before{content:"שליחה: ";color:var(--muted)}
  .kpo-c .t td.kwhyc .kwhy{-webkit-line-clamp:2}
  .kpo-c .t tr:not(.sub)>td:nth-child(3) .xb{min-height:40px}
  /* a special: the name, then the picture with price, food cost and status, then the rest */
  .ksp-c .t tr:not(.sub){display:grid;grid-template-columns:104px minmax(0,1fr) minmax(0,1fr);gap:8px 10px;padding:10px 12px 12px;border-bottom:1px solid var(--line)}
  .ksp-c .t tr:not(.sub)>td:nth-child(1){grid-column:1/-1;grid-row:1}
  .ksp-c .t tr:not(.sub)>td:nth-child(2){grid-column:1;grid-row:2/4;align-self:start}
  .ksp-c .t tr:not(.sub)>td:nth-child(5){grid-column:2;grid-row:2}
  .ksp-c .t tr:not(.sub)>td:nth-child(6){grid-column:3;grid-row:2}
  .ksp-c .t tr:not(.sub)>td:nth-child(9){grid-column:2/-1;grid-row:3;align-self:start}
  .ksp-c .t tr:not(.sub)>td:nth-child(4){grid-column:1;grid-row:4}
  .ksp-c .t tr:not(.sub)>td:nth-child(7){grid-column:2;grid-row:4}
  .ksp-c .t tr:not(.sub)>td:nth-child(8){grid-column:3;grid-row:4}
  .ksp-c .t tr:not(.sub)>td:nth-child(3){grid-column:1/-1;grid-row:5}
  .ksp-c .t tr:not(.sub)>td:nth-child(10){grid-column:1/-1;grid-row:6}
  .ksp-c .t tr:not(.sub)>td:nth-child(10):empty{display:none}
  .ksp-c .t tr:not(.sub)>td:nth-child(5)::before{content:"מחיר";display:block;font-size:12px;color:var(--muted)}
  .ksp-c .t tr:not(.sub)>td:nth-child(6)::before{content:"עלות מזון";display:block;font-size:12px;color:var(--muted)}
  .ksp-c .t tr:not(.sub)>td:nth-child(4)::before{content:"מנות";display:block;font-size:12px;color:var(--muted)}
  .ksp-c .t tr:not(.sub)>td:nth-child(7)::before{content:"להגיש עד";display:block;font-size:12px;color:var(--muted)}
  .ksp-c .t tr:not(.sub)>td:nth-child(8)::before{content:"מתכון";display:block;font-size:12px;color:var(--muted)}
  .ksp-c .spname{min-width:0;padding:0}
  .ksp-c .kimg{width:104px;height:78px;margin:0}
  .ksp-c .t tr:not(.sub)>td:nth-child(9) .stb{width:100%;min-height:44px;justify-content:center}
  .ksp-c .t td .pricec{justify-content:flex-start}
  .ksp-c .t td input[data-f="portions"]{width:72px}
  .ksp-c .t td small.kleft{margin-inline:0;max-width:none}
  .ksp-c .t td.ksaves{max-width:none}
  .ksp-c .t tr:not(.sub)>td:nth-child(10) .smsb{min-height:44px}
}
.kpo-c .t td .kshort{color:var(--muted);font-weight:400}
@media (max-width:700px){.kpo-c .t td .kshort{display:inline;padding:0 8px;max-width:none;text-align:start}}
@media (max-width:700px){
  .ksp-c .t tr:not(.sub)>td:nth-child(4){grid-column:1/-1;grid-row:4;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
  .ksp-c .t tr:not(.sub)>td:nth-child(4)::before{display:inline;font-size:13px}
  .ksp-c .t tr:not(.sub)>td:nth-child(4) small.kleft{flex:1 1 200px;margin:0}
  .ksp-c .t tr:not(.sub)>td:nth-child(4) .ksoldf{display:inline-flex}
  .ksp-c .t tr:not(.sub)>td:nth-child(7){grid-column:1;grid-row:5}
  .ksp-c .t tr:not(.sub)>td:nth-child(8){grid-column:2;grid-row:5}
  .ksp-c .t tr:not(.sub)>td:nth-child(10){grid-column:3;grid-row:5;align-self:end}
  .ksp-c .t tr:not(.sub)>td:nth-child(3){grid-row:6}
}
/* the kitchen by the hour: tomorrow's prep as one line during the evening service (carried 3) */
.kprep.kp-fold{padding:0;overflow:hidden}
.kp-foldb{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:10px 16px;border:0;background:none;font:inherit;font-size:17px;color:var(--text);cursor:pointer;text-align:start}
.kp-foldb b{font-weight:700}
.kp-foldb span{flex:none;font-size:15px;font-weight:700;color:var(--c-new);text-decoration:underline}
.kp-top .kp-foldx{min-height:44px;font-size:15px;margin-inline-start:auto}
.t td.kwhyc .kwhy-m{display:block;margin:2px 0 0}
.t td.ksaves small.kleft{display:block;max-width:none;margin:6px 0 2px;text-align:start}
/* the waiter's own guest ratings, on "המספרים שלי" (31.10) */
.pd-guests{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.pd-guests h3{margin:0 0 6px;font-size:20px}
.pd-gnum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 8px;font-size:17px;color:var(--text-2)}
.pd-gnum b{font-size:30px;color:#9a6a00}
.pd-guests ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pd-guests li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:17px;border-top:1px solid var(--line);padding-top:8px}
.pd-gst{color:#c48a00;letter-spacing:1px;font-size:19px;white-space:nowrap}
.pd-gst i{font-style:normal;color:#d5d9de}
.pd-gm{color:var(--text-2);font-size:15px}
.pd-guests q{flex:1 1 100%;quotes:"״" "״"}
.pd-guests small{display:block;margin-top:8px;color:var(--muted);font-size:14px}
/* today in numbers (owner 31.10): the day box with its arrivals graph, the check of each row, what to notice, who still sits, the finished rows folded */
:root{--sd-done:#9c7ad0;--sd-seat:#6a2fb0;--sd-no:#d0452f;--sd-wait:#1f6fd6} /* the graph's four, checked for colour blindness in this order */
.grp.sday .sd-in{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.grp.shut .sd-in{display:none}
.sd-t{font-size:14px}
.sd-t th,.sd-t td{padding:8px 10px}
.sd-t tbody th[scope="row"]{text-align:start;font-weight:600;color:var(--text);background:var(--surface)}
.sd-t .tot th,.sd-t .tot td{font-weight:700;background:var(--bg)}
.sd-k{margin:0;font-size:13px}
/* the arrivals graph, owner 31.10 round 2 ("יותר פשוט לעין", square, like the booking apps): the whole day across the width, flat square bars with
   the diners on them, red over the busy line, the hours under them, the bookings on a dark strip; nobody who did not come */
.sd-g{--H:140px;--sd-ok:#efb441;--sd-pk:#d23f3f;--sd-now:#1f6fd6;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 12px}
.sd-gh{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:14px}
.sd-gh>b{font-size:16px}
.sd-lg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--text-2)}
.sd-lg li{display:inline-flex;align-items:center;gap:6px}
.sd-lg i{width:14px;height:14px;flex:none}
.sd-lg .k-ok{background:var(--sd-ok)}
.sd-lg .k-pk{background:var(--sd-pk)}
.sd-nowl{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-2)}
.sd-nowl .k-now{width:2px;height:16px;background:var(--sd-now)}
.sd-stp{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;background:#fff}
.sd-stp button{width:30px;height:30px;border:0;border-radius:999px;background:none;font:inherit;font-size:17px;line-height:1;cursor:pointer;color:var(--text)}
.sd-stp button:hover{background:#f0f2f4}
.sd-stp b{min-width:22px;text-align:center;font-size:14px;font-weight:800;color:var(--text)}
.sd-plot{display:flex;direction:ltr;align-items:flex-start;gap:6px} /* time runs left to right, as on the day screen they knew */
.sd-ax{flex:none;display:grid;grid-template-rows:var(--H) 22px 26px}
.sd-axn{grid-row:3;display:flex;align-items:center;padding:0 10px;background:#17191e;color:#fff;font-size:12.5px;font-weight:600}
.sd-sc{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding-bottom:4px}
.sd-sc.fr{-webkit-mask-image:linear-gradient(to left,transparent,#000 36px);mask-image:linear-gradient(to left,transparent,#000 36px)}
.sd-sc.fl{-webkit-mask-image:linear-gradient(to right,transparent,#000 36px);mask-image:linear-gradient(to right,transparent,#000 36px)}
.sd-sc.fl.fr{-webkit-mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,transparent,#000 36px,#000 calc(100% - 36px),transparent)}
.sd-cols{display:flex;align-items:stretch;direction:ltr;min-width:max-content}
.sd-c{flex:1 1 0;min-width:22px;display:grid;grid-template-rows:var(--H) 22px 26px;border:0;margin:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer;position:relative;outline:0}
.sd-c.sd-0{cursor:default}
.sd-b{position:relative;display:flex;align-items:flex-end;height:var(--H);padding:0 1px}
.sd-bar{position:relative;width:100%;height:var(--h);background:var(--sd-ok)}
.sd-c.pk .sd-bar{background:var(--sd-pk)}
button.sd-c:hover .sd-bar,button.sd-c:focus-visible .sd-bar{filter:brightness(.92)}
button.sd-c:focus-visible{outline:2px solid var(--sd-now);outline-offset:-2px}
.sd-v{position:absolute;top:5px;left:0;right:0;text-align:center;font-size:12.5px;font-weight:800;line-height:1;color:#3d2600}
.sd-c.pk .sd-v{color:#fff}
.sd-v.out,.sd-c.pk .sd-v.out{top:auto;bottom:calc(100% + 3px);color:var(--text)}
.sd-x{display:block;width:0;white-space:nowrap;padding-top:5px;font-size:11.5px;font-weight:600;line-height:1;color:var(--text-2)} /* an hour's label starts where its hour starts */
.sd-x:not(:empty){border-left:1px solid #c9c4b8;padding-left:4px;height:17px}
.sd-c.now .sd-x:empty+.sd-n{box-shadow:none}
.sd-n{display:flex;align-items:center;justify-content:center;height:26px;background:#17191e;color:#fff;font-size:12px;font-weight:700;box-shadow:inset 1px 0 0 rgba(255,255,255,.08)}
button.sd-c:hover .sd-n,button.sd-c:focus-visible .sd-n{background:#3a3e48}
.sd-now{position:absolute;top:0;bottom:-22px;left:calc(var(--f) * 100%);width:0;border-left:2px solid var(--sd-now);z-index:2;pointer-events:none}
.sd-gap{flex:none;width:14px}
.sd-tip{position:absolute;z-index:5;width:max-content;max-width:min(300px,calc(100% - 8px));background:var(--text);color:#fff;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.45;box-shadow:0 10px 30px rgba(5,7,6,.25);pointer-events:none}
.sd-tip[hidden]{display:none}
.sd-tip ul{list-style:none;margin:4px 0 0;padding:0}
.sd-tip li{display:flex;align-items:center;gap:6px}
.sd-tip>b{display:block}
.sd-tpk{display:block;color:#ffb3ae;font-size:12px;font-weight:700}
.sd-tip i{width:10px;height:10px;border-radius:2px;background:var(--c);flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.55)}
.t td.chk{white-space:nowrap;padding-inline:6px}
.chkb{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:4px 12px;min-height:36px;cursor:pointer;font-weight:700;font-size:14px;color:var(--text)}
.chkb:hover{background:#f0f2f4}
.chk-o{display:block;font-size:12px;color:var(--muted)}
.chk-p{display:block;margin-top:2px;font-size:12px;color:var(--text-2)}
.t td.chk.hi{background:color-mix(in srgb,var(--c-bill) 9%,#fff)}
.t td.chk.hi .chk-p,.chk-p b{color:#7a3e00;font-weight:700}
.att-n{display:block;color:#7a3e00;background:color-mix(in srgb,var(--c-bill) 12%,#fff);border-radius:6px;padding:2px 8px;margin-top:3px;font-size:12.5px;font-weight:600;line-height:1.35;text-align:start;white-space:normal}
.sms.chk{width:min(440px,calc(100vw - 32px))}
.chk-l{list-style:none;margin:0;padding:0;max-height:min(52vh,420px);overflow-y:auto}
.chk-l li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.chk-l li>span:first-child{color:var(--muted);font-size:12.5px}
.chk-l li small{color:var(--muted);font-size:12px}
.chk-l li.void>span:nth-child(2){text-decoration:line-through;color:var(--muted)}
.sms .chk-t{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin:10px 0 0;font-size:14px;color:var(--text)}
.sms .chk-t b{font-size:16px}
.sms p.att-n{font-size:13px;color:#7a3e00}
.cl-sw{margin:4px 0 10px}
.cl-seat{font-size:14.5px}
.cl-seat th,.cl-seat td{padding:6px 10px;height:44px}
.cl-seat tbody th[scope="row"]{text-align:start;font-weight:700;color:var(--text);font-size:15px;background:var(--surface)}
.sit{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--bg);font-weight:600;white-space:nowrap}
.sit.long{background:color-mix(in srgb,var(--c-bill) 14%,#fff);color:#7a3e00}
.donefold td{height:auto;padding:0;text-align:start;background:#fafbfc}
.donefold button{display:block;width:100%;text-align:start;border:0;background:none;padding:10px 16px;min-height:44px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:var(--c-done)}
.donefold button:hover{background:#f0f2f4}
@media (max-width:640px){.sd-t th,.sd-t td{padding:6px 4px}.sd-t thead th{white-space:normal;line-height:1.25;font-size:12.5px}.cl-seat th,.cl-seat td{padding:6px 5px}}
.sd-att{margin:0;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,var(--c-bill) 10%,#fff);color:#5c2f00;font-size:14px;line-height:1.5}
.sd-att .lnk{font-size:14px;font-weight:600}
.t .cellin[data-f="phone"]{min-width:126px} /* 31.10: the check column took its room; the number stays whole */
td.src{min-width:78px}
@media (max-width:640px){.sd-g{padding:12px 10px 10px}.sd-lg{gap:6px 16px}.sd-c{min-width:28px}}