/* kds — כללי CSS ייחודיים לעמוד. הבסיס המשותף נמצא ב-assets/css/site.css */
.pg /* ===== KDS additions (בסוף בלבד) ===== */
  .kds{position:relative; border-radius:24px; padding:18px; background:var(--glass-bg); border:1px solid var(--glass-border); box-shadow:var(--glass-shadow); backdrop-filter:blur(20px); overflow:hidden}
.pg .kds-head{display:flex; align-items:center; gap:12px; margin-bottom:14px; padding:0 2px}
.pg .kds-head .who{font-weight:700; font-size:15.5px}
.pg .kds-head .st{font-size:12px; color:var(--emerald); display:flex; align-items:center; gap:6px; margin-top:2px}
.pg .kds-head .st .d{width:7px; height:7px; border-radius:50%; background:var(--emerald); animation:pulse 2s infinite}
.pg .kds-head .clock{margin-inline-start:auto; font-family:var(--mono); font-size:13px; color:var(--muted)}
.pg .kds-board{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.pg .kds-col{background:rgba(255,255,255,.03); border:1px solid var(--line); border-radius:16px; padding:10px; min-height:300px; display:flex; flex-direction:column; gap:9px}
.pg .kds-col .col-h{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; padding:2px 4px 8px; border-bottom:1px solid var(--line); margin-bottom:2px}
.pg .kds-col .col-h .dot{width:9px; height:9px; border-radius:50%; flex-shrink:0}
.pg .kds-col .col-h .cnt{margin-inline-start:auto; font-family:var(--mono); font-size:11px; color:var(--faint)}
.pg .col-new .dot{background:var(--cyan)}
.pg .col-prep .dot{background:var(--amber)}
.pg .col-ready .dot{background:var(--emerald)}
.pg .ord{border-radius:12px; padding:10px 11px; background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); border:1px solid var(--line); transition:opacity .4s, transform .4s}
.pg .ord.enter{opacity:0; transform:translateY(-8px)}
.pg .ord .ord-top{display:flex; align-items:center; gap:8px; margin-bottom:7px}
.pg .ord .id{font-weight:700; font-size:13.5px; font-family:var(--mono)}
.pg .ord .chan{font-size:10px; font-weight:700; padding:2px 8px; border-radius:999px; letter-spacing:.02em}
.pg .ch-phone{background:rgba(139,92,246,.18); color:#d8caff; border:1px solid rgba(168,85,247,.3)}
.pg .ch-app{background:rgba(34,211,238,.15); color:#a5f0fb; border:1px solid rgba(34,211,238,.3)}
.pg .ch-web{background:rgba(99,102,241,.18); color:#c7d2fe; border:1px solid rgba(99,102,241,.3)}
.pg .ch-kiosk{background:rgba(251,191,36,.15); color:#fce7a8; border:1px solid rgba(251,191,36,.32)}
.pg .ord .tmr{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--muted); font-variant-numeric:tabular-nums}
.pg .ord ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:3px}
.pg .ord li{font-size:12.5px; color:#dfe0f2; display:flex; gap:6px}
.pg .ord li::before{content:"•"; color:var(--faint)}
.pg .ord.flash{border-color:rgba(52,211,153,.65); box-shadow:0 0 0 1px rgba(52,211,153,.4), 0 0 22px -4px rgba(52,211,153,.55); animation:readyflash 1.1s ease}
@keyframes readyflash{0%{box-shadow:0 0 0 2px rgba(52,211,153,.85), 0 0 30px 2px rgba(52,211,153,.7); background:linear-gradient(160deg,rgba(52,211,153,.22),rgba(52,211,153,.06))}100%{box-shadow:0 0 0 1px rgba(52,211,153,.4), 0 0 22px -4px rgba(52,211,153,.35)}}
.pg .kds-foot{display:flex; align-items:center; gap:8px; margin-top:14px; padding-top:12px; border-top:1px solid var(--line); font-size:12px; color:var(--muted)}
.pg .kds-foot b{color:var(--text)}
.pg .kds-foot .live{margin-inline-start:auto; font-family:var(--mono); font-size:11.5px; color:var(--emerald)}
@media (max-width:520px){
  .pg .kds-board{grid-template-columns:1fr; gap:10px}
  .pg .kds-col{min-height:0}
}
.pg /* match homepage header exactly (eliminate jump between pages) */
  nav{position:fixed; top:0; left:0; right:0; background:transparent; border-bottom:1px solid transparent; -webkit-backdrop-filter:none; backdrop-filter:none}
.pg /* nav links = plain text like the homepage (no pill padding -> no width/position jump) */
  .nav-links a{padding:0 !important; border-radius:0 !important; background:none !important; font-size:.9rem; font-weight:500; color:var(--muted); transition:color .15s}
