/* DEMO_BUILD — פס ההצהרה של הדמו. האפליקציה בגובה מסך מלא, אז מקטינים אותה בגובה הפס. */
:root{--demo-h:34px}
.demo-banner{height:var(--demo-h);display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;
  background:var(--accent);color:var(--accent-ink);font-size:var(--fs-sm);font-weight:600;line-height:1.2;text-align:center;overflow:hidden;white-space:nowrap}
.demo-banner b{font-weight:800;letter-spacing:.02em;padding:2px 8px;border-radius:99px;background:#0000001f}
.demo-banner .short{display:none}
.demo-banner .demo-cta{color:inherit;text-decoration:underline;text-underline-offset:2px;font-weight:800}
.app{height:calc(100vh - var(--demo-h))}
@media (max-width:900px){
  :root{--demo-h:30px}
  .app{height:calc(100dvh - var(--demo-h))}
  .demo-banner{font-size:12px;padding:0 12px}
  .demo-banner .long{display:none}
  .demo-banner .short{display:inline}
}