/* menu — כללי CSS ייחודיים לעמוד. הבסיס המשותף נמצא ב-assets/css/site.css */
.pg /* ===== additions: menu-management console (hero panel) ===== */
  .console-head{display:flex; align-items:center; gap:12px; margin-bottom:18px}
.pg .console-head .title{font-weight:700; font-size:15.5px}
.pg .console-head .sub{font-size:12.5px; color:var(--muted); margin-top:2px}
.pg .console-head .live{margin-inline-start:auto; font-family:var(--mono); font-size:12px; color:var(--emerald); display:flex; align-items:center; gap:6px}
.pg .console-head .live .d{width:7px; height:7px; border-radius:50%; background:var(--emerald); animation:pulse 2s infinite}
.pg .item-card{border-radius:18px; padding:18px; background:rgba(255,255,255,.045); border:1px solid var(--line-2)}
.pg .item-top{display:flex; align-items:center; gap:14px}
.pg .item-emoji{width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(244,114,182,.16)); display:grid; place-items:center; font-size:26px; flex-shrink:0}
.pg .item-name{font-weight:700; font-size:16px}
.pg .item-cat{font-size:12.5px; color:var(--faint); margin-top:2px}
.pg .item-badge{margin-inline-start:auto; font-size:11.5px; font-weight:700; padding:5px 11px; border-radius:999px; letter-spacing:.02em; transition:.25s}
.pg .item-badge.available{color:var(--emerald); background:rgba(52,211,153,.12); border:1px solid rgba(52,211,153,.3)}
.pg .item-badge.out{color:var(--pink); background:rgba(244,114,182,.12); border:1px solid rgba(244,114,182,.35)}
.pg .item-controls{display:flex; align-items:center; gap:16px; margin-top:18px; flex-wrap:wrap}
.pg .ctrl{display:flex; align-items:center; gap:10px}
.pg .ctrl .lbl{font-size:13px; color:var(--muted)}
.pg .price-field{display:flex; align-items:baseline; gap:5px; padding:8px 12px; border-radius:11px; background:rgba(2,4,20,.4); border:1px solid var(--line-2); font-family:var(--mono)}
.pg .price-field .cur{font-size:13px; color:var(--faint)}
.pg .price-field .val{font-size:18px; font-weight:700; color:var(--text); min-width:2.4ch; text-align:center; font-variant-numeric:tabular-nums; transition:color .2s}
.pg .price-field.bumped .val{color:var(--amber)}
.pg .toggle{position:relative; width:50px; height:28px; border-radius:999px; border:1px solid var(--line-2); background:rgba(52,211,153,.22); cursor:pointer; transition:background .3s; flex-shrink:0}
.pg .toggle .knob{position:absolute; top:2px; inset-inline-end:2px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.4); transition:inset-inline-end .3s}
.pg .toggle.off{background:rgba(244,114,182,.2)}
.pg .toggle.off .knob{inset-inline-end:24px}
.pg .chan-title{font-size:12px; letter-spacing:.05em; color:var(--faint); margin:20px 0 10px; text-transform:uppercase}
.pg .chips{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.pg .chip{position:relative; padding:13px 12px; border-radius:14px; background:rgba(2,4,20,.35); border:1px solid var(--line-2); text-align:center; overflow:hidden}
.pg .chip .ci{font-size:20px}
.pg .chip .cn{font-size:12.5px; font-weight:600; margin-top:5px}
.pg .chip .cstate{font-size:11px; color:var(--muted); margin-top:5px; font-variant-numeric:tabular-nums; min-height:14px}
.pg .chip .synced{position:absolute; inset:0; display:grid; place-items:center; gap:2px; background:linear-gradient(135deg,rgba(52,211,153,.9),rgba(34,211,238,.85)); color:#04120c; font-weight:700; font-size:12.5px; opacity:0; transition:opacity .3s}
.pg .chip.flash .synced{opacity:1}
.pg .chip.out .cstate{color:var(--pink)}
.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}