/* 🐞 נתפס חי (מאור, 2026-09-16) — גוללים ביומן ורואים מספר-שעה מציץ מעל
   הכותרת הדביקה. השורש: תווית-שעה ראשונה יושבת ב-`top` שלילי-קטן (מעל
   תחילת ה-grid, בלתי-נראה בגלילה רגילה), אבל rubber-band ברמת ה-page
   כולו (לא רק תוכן שחורג) מזיז את כל ה-app-shell — כולל הרצועה הדביקה —
   וחושף את מה שיושב ב-top שלילי.
   ⚠️ **`overscroll-behavior:none` לבדו לא הספיק** — מאור אימת חי אחרי
   פריסה שזה עדיין קורה. תמיכת Safari ב-`overscroll-behavior` ברמת
   ה-document (html/body) חלקית ולא-אמינה (על אלמנטים פנימיים כמו
   `.scroll` היא כן עובדת). הפתרון המוכח ב-Safari: `position: fixed;
   inset: 0` מבטל page-level scroll **ברמת הלייאאוט עצמו**, לא רק
   "מרמז" לדפדפן לא לבאונס — אין מה שיזוז, כי ה-html/body בכלל לא
   תופסים שטח שאפשר להזיז. `.scroll` (מכולת-הגלילה הפנימית שקיימת בכל
   מסך) נשאר האזור היחיד שבאמת גולל. */
html, body {
  position: fixed;
  inset: 0;
  overflow: hidden;
  overscroll-behavior: none;
}
.scroll { overscroll-behavior-y: contain; }

/* botty-web shared theme — single change point for the brand palette.
   כחול ראשי / צהוב הדגשה / רקע לבן. */
:root {
  --primary: #2563eb;       /* כחול ראשי */
  --primary-soft: #eff4ff;  /* רקע-כחול עדין (צ'יפים/הדגשות) */
  --accent: #facc15;        /* צהוב הדגשה */
  --accent-ink: #854d0e;    /* טקסט כהה על צהוב (ניגודיות) */
  --bg: #ffffff;            /* רקע לבן */
  --surface: #ffffff;       /* כרטיסים */
  --surface-2: #f1f5f9;     /* משבצות-סטט עדינות */
  --ink: #1d1d1f;
}

/* באנר מצב-רשת (0.2) — נכתב ע"י net.js, מוצג מעל תוכן המסך.
   קיים כאן ולא בכל תבנית בנפרד כדי שהניסוח והצבע יהיו זהים בכל 7 המסכים. */
.net-banner {
  display: none;
  margin: 0 0 .8rem;
  padding: .6rem .9rem;
  border-radius: 10px;
  font-size: .85rem;
  line-height: 1.4;
}
.net-banner.warn  { background: #fef3c7; color: #78350f; }
.net-banner.error { background: #fee2e2; color: #991b1b; }
.net-banner.auth  { background: #fee2e2; color: #991b1b; font-weight: 600; }
.net-banner a { color: inherit; text-decoration: underline; }

/* P36 — מונה ההתראות שלא נקראו, על לשונית "עוד" ברצועה.
   כאן ולא בתבניות: ה-nav מוזרק מהשרת לכל מסך, ו-CSS שיושב בתבנית היה צריך
   להשתכפל 10 פעמים (זה מה שקרה ל-CSS של ה-nav עצמו). */
.notif-badge {
  display: inline-block;
  min-width: 17px;
  margin-right: .25rem;
  padding: 0 .3rem;
  border-radius: 999px;
  background: var(--primary);
  color: #fff;
  font-size: .68rem;
  font-weight: 700;
  line-height: 17px;
}