/* src/app/dan/events.css — אירועים ויומן: העיצוב של דן, מועתק.
 * מקור: legacy/community/branch-events.html (יומן הענף · יומן הקהילה · ההרשמה · השכפול) · culture.html (הפניה בלבד) ·
 *       legacy/community/resident.html (מסך האירועים של התושב: panel-events · panel-mine · panel-event — `src/app/screens/events.js`).
 * מסכים: src/app/screens/branch-events.js · branch-event-registrations.js · branch-events-clone.js · events.js · community-events.js —
 * כל אחד עוטף את עצמו ב-`<div class="dan dan-<מודול>">`. הנוהל: docs/runbooks/dan-design-port.md · הפלטה (`--d-*`): src/app/dan/dan.css.
 *
 * 🔴 01.10 · גיל: "תעתיק גם את הלוגיקה והפונקציונליות בדף וגם את העיצוב של כל המסכים, פשוט העתקה ממקום למקום. שיהיה אחד לאחד".
 *
 * ⚠️ **מה שונה מהמקור, ולמה — ארבעה דברים בלבד (כל השאר: הכללים וההערות של דן, מילה במילה):**
 *  ① **קידומת לכל סלקטור** — `.dan-branch-events` (משפחת הלוח: יומן הענף · יומן הקהילה `.dan-community-events` · ההרשמה
 *     `.dan-branch-event-registrations` — שלושתם עוטפים את עצמם גם בה, כי בדן הם אותו דף) ו-`.dan-events` (מסך התושב). **אין `:root`** (tokens.css הוא ההצהרה היחידה): `var(--green)`
 *     ⟶ `var(--d-green)`. אין `*`/`body`/`main`/`aside` — המעטפת של עגור.
 *  ② **מחלקות שמתנגשות עם packages/ui/kit.css — שם מקומי:** `card`→`dcard` · `chip`→`dchip` · `chips`→`dchips` · `pill`→`dpill` ·
 *     `btn`→`dbtn` · `topbar`→`dtop` · `banner`→`dbanner` · `empty`→`dempty` · `step`→`dstep` · `.edet .row`→`.erw` · `.lz.notice`/`.dlz.notice`→`.leasenote`.
 *  ③ **@container ולא @media** — הרוחב תלוי במעטפת (סרגל פתוח/סגור): `@container be` על המכל, `@container bed` על הדיאלוג (שרוחבו
 *     נקבע לפי המסך, לא לפי המעטפת). הנקודות: 940/700/480/680 במקום 1200/980/820/700 של החלון.
 *  ④ **AA (4.5:1, `ui-a11y`):** `color:var(--dim)` על טקסט ⟶ `--d-faint`; הדהייה ב-`opacity` (צ'יפ קטגוריה ריק · אירוע שבוטל ·
 *     שורה שהורדה בשכפול) ⟶ צבע וקו מקווקו. הצבעים `--d-faint`/`--d-muted` כבר מוכהים ב-dan.css.
 *
 * ⛔ **מה שלא הועתק, כי אין לו מקור נתונים:** משימות הכנה (`.taskrow` — אין טבלה) · קהל-יעד בפרסום (`.aud*` — ל-`event.audience_id` אין נתיב כתיבה:
 *     ה-trigger של 0090 וה-GRANT אינם נושאים אותו, ⟹ מיגרציה) · מתנדב חיצוני (`.vol.ext`, `.extlink` — `person_id NOT NULL`) · תמונת שער
 *     (`.cover` · `.thumb` — ה-API מגיש תמונה כ-base64 מלא, לא כתובת) · מחיקת תמונה וכיתוב (`.imgc .rm` — אין `caption` ואין `remove` ב-`documents.mjs`)
 *     · "ייתכן כפול" (`.dupchip` — אין שמות חופשיים; `.dupnote` של דן כן הועתק — לאזהרת "רשומים סותרים" בהרשמה).
 * ⭐ 01.10 (סבב תיקון) — **הועתקו:** פקיעות חוזים (`.lease-sec` · `.lz` · `.dlz` — נגזרות מ-`GET /housing/lessees`) · עריכה בתוך הכרטיס (`.slotgrid` —
 *     ההרשמה במגירה, `branch-event-registrations.js::mountRegistrationManager`) · שורת "↗ לינק" ובורר היחידה.
 *  ⟹ `.backdrop` · `.drawer` · `.modal` · `.mpanel` · `.mhead` · `.mbody` · `.gate` הוחלפו ב-`<dialog>` של kit/dialog.js (מלכודת מיקוד,
 *     Escape וקליק-רקע מהדפדפן): המגירה — `#be-dialog`, הפרסום המרוכז — `#be-pub-dialog`, השכפול — `#be-clone-dialog`.
 * (הקובץ נבנה מכנית מהמקור + התוספות שלמטה; ההבדלים מתועדים כאן ובראש כל מקטע.)
 */

/* ══ א · branch-events.html — יומן הענף / יומן הקהילה / ההרשמה / השכפול (`.dan-branch-events`) ══ */


.dan-branch-events a {color:var(--d-green);text-decoration:none}
.dan-branch-events a:hover {color:var(--d-orange)}
.dan-branch-events .dtop {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.dan-branch-events h1 {font-size:27px;font-weight:600;color:var(--d-ink);letter-spacing:-.02em;margin:0 0 5px}
.dan-branch-events .dtop .meta {font-size:15.5px;color:var(--d-muted)}
.dan-branch-events .syncst {font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;opacity:0;transition:opacity .25s;white-space:nowrap}
.dan-branch-events .syncst.show {opacity:1}
.dan-branch-events .syncst.wait {background:var(--d-orange-soft);color:var(--d-orange-ink)}
.dan-branch-events .syncst.ok {background:var(--d-mint);color:var(--d-green-dark)}
.dan-branch-events .syncst.err {background:var(--d-orange-soft);color:var(--d-orange-ink);font-weight:700}
.dan-branch-events .dcard {background:#fff;border-radius:22px;padding:22px 24px;box-shadow:var(--d-shadow);display:flex;flex-direction:column;gap:16px}
.dan-branch-events .dcard h2, .dan-branch-events .dcard h3 {font-size:17px;font-weight:600;color:var(--d-ink);margin:0}
.dan-branch-events .cardhead {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dan-branch-events input, .dan-branch-events select, .dan-branch-events textarea {font-family:inherit;font-size:14px;color:var(--d-text);background:#fff;border:1px solid var(--d-line);border-radius:10px;padding:8px 11px;outline:none;transition:.15s}
.dan-branch-events input:focus, .dan-branch-events select:focus, .dan-branch-events textarea:focus {border-color:var(--d-green);box-shadow:0 0 0 3px var(--d-mint)}
.dan-branch-events textarea {resize:vertical;min-height:64px;line-height:1.5}
.dan-branch-events .dbtn {border:1px solid var(--d-line);background:#fff;color:var(--d-text);font-family:inherit;font-size:13.5px;font-weight:500;padding:9px 15px;border-radius:999px;cursor:pointer;transition:.15s;white-space:nowrap}
.dan-branch-events .dbtn:hover {border-color:var(--d-green);color:var(--d-green-dark);background:var(--d-mint)}
.dan-branch-events .dbtn.primary {background:var(--d-green);border-color:var(--d-green);color:#fff;font-weight:600}
.dan-branch-events .dbtn.primary:hover {background:var(--d-green-dark);border-color:var(--d-green-dark);color:#fff}
.dan-branch-events .dbtn.danger:hover {border-color:var(--d-orange);color:var(--d-orange-ink);background:var(--d-orange-soft)}
/* קישור שנראה ומתנהג כמו .btn. הורדת קובץ והפניה חייבות להיות <a> ולא <button>:
   כפתור שמדמה ניווט ב-JS מאבד "פתיחה בלשונית חדשה" ואת תפריט ההקשר. */
.dan-branch-events a.dbtn {display:inline-block;text-decoration:none}
.dan-branch-events .dbtn:disabled {opacity:.45;cursor:not-allowed}
.dan-branch-events .dbtn:disabled:hover {border-color:var(--d-line);color:var(--d-text);background:#fff}
/* --- סרגל כלים --- */
.dan-branch-events .toolbar {flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:14px 20px}
.dan-branch-events .fld {display:flex;flex-direction:column;gap:5px}
.dan-branch-events .fld label {font-size:12px;color:var(--d-muted);font-weight:600;line-height:18px}
.dan-branch-events .fld input, .dan-branch-events .fld select {height:40px}
.dan-branch-events .spacer {flex:1}
.dan-branch-events .tabs {display:flex;gap:6px;background:var(--d-track);padding:4px;border-radius:999px}
.dan-branch-events .tab {border:0;background:none;color:var(--d-muted);font-family:inherit;font-size:14.5px;font-weight:500;padding:8px 18px;border-radius:999px;cursor:pointer;transition:.15s}
.dan-branch-events .tab:hover {color:var(--d-green-dark)}
.dan-branch-events .tab.on {background:#fff;color:var(--d-green-dark);font-weight:600;box-shadow:0 1px 3px rgba(16,42,32,.08)}
.dan-branch-events .dchips {display:flex;gap:6px;flex-wrap:wrap}
.dan-branch-events .dchip {border:1px solid var(--d-line);background:#fff;color:var(--d-muted);font-family:inherit;font-size:13px;font-weight:500;
  padding:6px 13px;border-radius:999px;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:6px}
.dan-branch-events .dchip:hover {border-color:var(--d-green-mid)}
.dan-branch-events .dchip.on {background:var(--d-mint);border-color:var(--d-green-mid);color:var(--d-green-dark);font-weight:600}
.dan-branch-events .dchip .cdot {width:8px;height:8px;border-radius:50%;flex:none}
.dan-branch-events .dchip b {font-weight:600;font-size:11.5px;color:var(--d-faint);font-variant-numeric:tabular-nums}
.dan-branch-events .dchip.on b {color:var(--d-green-dark)}
.dan-branch-events .dchip.off {border-style:dashed;color:var(--d-faint);background:var(--d-cream2)}
.dan-branch-events .catrow {flex-basis:100%;display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  border-top:1px solid var(--d-line-soft);padding-top:13px}
.dan-branch-events .catlbl {font-size:12px;color:var(--d-muted);font-weight:600}
/* ⚠️ min-width:0 אינו קישוט. פריט flex מקבל min-width:auto כברירת מחדל, ולכן
   overflow-x:auto עליו אינו מקטין אותו אלא דוחף את השורה — אותה תקלה בדיוק שנמדדה
   בגריד של המובייל. בלי השורה הזאת שורת הצ׳יפים מרחיבה את הדף במקום לגלול בתוכה. */
.dan-branch-events .catrow {min-width:0}
.dan-branch-events .catrow .dchips {min-width:0}
.dan-branch-events .tbactions {display:flex;flex-direction:column;gap:8px}
.dan-branch-events .tbbtns {display:flex;gap:8px}
/* אות פרסום. 6 מתוך 82 אירועי התרבות מפורסמים — מה שהקהילה רואה צריך להיקרא מרחוק,
   לא להימצא בתוך שרשרת פרטים מופרדת בנקודות. */
.dan-branch-events .pubdot {width:7px;height:7px;border-radius:999px;background:var(--d-green);flex:none;margin-top:5px}
.dan-branch-events .switch {display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--d-muted);cursor:pointer;user-select:none}
.dan-branch-events .switch input {width:16px;height:16px;accent-color:var(--d-green);cursor:pointer}
/* --- באנר התנגשויות --- */
.dan-branch-events .dbanner {background:var(--d-orange-soft);border:1px solid #F3D6BE;border-radius:16px;padding:14px 18px;
  display:flex;gap:14px;align-items:flex-start;font-size:14px;color:var(--d-orange-ink)}
.dan-branch-events .dbanner .bt {font-weight:600;margin-bottom:4px}
.dan-branch-events .dbanner ul {margin:0;padding-inline-start:18px;display:flex;flex-direction:column;gap:3px}
.dan-branch-events .dbanner .hard {font-weight:600}
/* --- תצוגת שנה --- */
.dan-branch-events .months {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dan-branch-events .month {background:#fff;border:1px solid var(--d-line-soft);border-radius:16px;padding:14px 15px;display:flex;flex-direction:column;gap:9px;min-height:120px}
.dan-branch-events .month.past {background:#FCFBF7}
.dan-branch-events .month .mh {display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.dan-branch-events .month .mn {font-size:15px;font-weight:600;color:var(--d-ink)}
.dan-branch-events .month .msum {font-size:11.5px;color:var(--d-faint);font-variant-numeric:tabular-nums}
.dan-branch-events .evlist {display:flex;flex-direction:column;gap:5px}
/* פקיעות חוזים — שכבה נפרדת מעל היומן, לא אירועים. הצורה שונה בכוונה: קו מפריד מעליה,
   טקסט קטן וצבע חול, כדי שלא ייקרא כאירוע שאפשר לפתוח בעורך. ראו lease-calendar.js. */
.dan-branch-events .ev {display:flex;align-items:flex-start;gap:8px;padding:7px 9px;border-radius:10px;cursor:pointer;transition:.12s;text-align:start;
  border:0;background:#FAFBFA;font-family:inherit;width:100%}
.dan-branch-events .ev:hover {background:var(--d-mint)}
.dan-branch-events .ev .cdot {width:8px;height:8px;border-radius:50%;flex:none;margin-top:5px}
.dan-branch-events .ev .etx {min-width:0;flex:1}
.dan-branch-events .ev .en {font-size:13.5px;color:var(--d-text);line-height:1.35;overflow-wrap:anywhere}
.dan-branch-events .ev .em {font-size:11px;color:var(--d-faint);margin-top:2px;display:flex;gap:7px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.dan-branch-events .ev.cancelled .en {text-decoration:line-through;color:var(--d-faint)}
.dan-branch-events .ev.idea {border:1px dashed var(--d-sage);background:#fff}
.dan-branch-events .dempty {font-size:12.5px;color:var(--d-faint);padding:4px 2px}
/* --- לוח שנה --- */
.dan-branch-events .calhead {display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px}
.dan-branch-events .calhead div {font-size:12px;font-weight:600;color:var(--d-faint);text-align:center;padding:4px 0}
.dan-branch-events .calgrid {display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.dan-branch-events .day {background:#fff;border:1px solid var(--d-line-soft);border-radius:12px;min-height:104px;padding:7px 8px;display:flex;flex-direction:column;gap:4px}
.dan-branch-events .day.out {background:#FAF8F3;opacity:.55}
.dan-branch-events .day.today {border-color:var(--d-green);box-shadow:0 0 0 2px var(--d-mint)}
.dan-branch-events .day.shabbat {background:#FCFCF8}
.dan-branch-events .day .dn {display:flex;align-items:baseline;justify-content:space-between;gap:4px}
.dan-branch-events .day .dnum {font-size:13.5px;font-weight:600;color:var(--d-ink);font-variant-numeric:tabular-nums}
.dan-branch-events .day .dheb {font-size:10.5px;color:var(--d-faint)}
.dan-branch-events .day .dhol {font-size:10.5px;color:var(--d-orange-ink);font-weight:600;line-height:1.3}
.dan-branch-events .dev {font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:7px;background:var(--d-mint);color:var(--d-green-dark);
  cursor:pointer;border:0;font-family:inherit;text-align:start;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dan-branch-events .dev:hover {background:var(--d-green);color:#fff}
.dan-branch-events .dev.cancelled {text-decoration:line-through;background:var(--d-track);color:var(--d-faint)}
.dan-branch-events .dev {display:flex;align-items:center;gap:5px}
.dan-branch-events .dev .pubdot {margin:0;width:5px;height:5px;background:currentColor;opacity:.8}
/* ＋ על תא היום: פותח אירוע חדש בתאריך שמסתכלים עליו. מופיע בריחוף בלבד — שלושים
   תאים עם סמל קבוע הם רעש שהעין לומדת לדלג עליו. במקלדת הוא נחשף ב-focus-visible,
   ובאג׳נדה (נייד, בלי ריחוף) הוא גלוי תמיד. */
.dan-branch-events .dplus {margin-inline-start:auto;border:0;background:none;color:var(--d-faint);font-size:15px;
  line-height:1;padding:0 5px;border-radius:999px;cursor:pointer;font-family:inherit;
  opacity:0;transition:.14s}
.dan-branch-events .day:hover .dplus, .dan-branch-events .dplus:focus-visible {opacity:1}
.dan-branch-events .dplus:hover {background:var(--d-mint);color:var(--d-green-dark)}
/* ⚠️ גריד שבע העמודות נשאר שבע עמודות בכל רוחב מסך: בתוך כרטיס עם ריפוד, על מסך
   375px, זה כ-30px לעמודה — אות אחת לכל אירוע. מתחת ל-700px מוצגת במקומו רשימה
   יומית עם אותם נתונים בדיוק, שמדלגת על ימים ריקים לגמרי. */
.dan-branch-events .agenda {display:none;flex-direction:column;gap:8px}
.dan-branch-events .agday {background:#fff;border:1px solid var(--d-line-soft);border-radius:14px;padding:10px 12px;
  display:flex;flex-direction:column;gap:7px}
.dan-branch-events .agday.today {border-color:var(--d-green);box-shadow:0 0 0 2px var(--d-mint)}
.dan-branch-events .aghead {display:flex;align-items:center;gap:9px;flex-wrap:nowrap}
/* ⚠️ nowrap ולא wrap: עם wrap, ＋ (שיושב על margin-inline-start:auto) נדחף לשורה
   נפרדת בדיוק בימים שבהם שם המועד ארוך — "ערב יום כיפור" כן, "יום כיפור" לא. אלמנט
   חוזר שמופיע במקום אחר בכל שורה נקרא כתקלה. אותה משפחה כמו החץ שירד שורה במובייל. */
.dan-branch-events .agday .dhol {min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dan-branch-events .agnum {display:inline-flex;align-items:center;justify-content:center;min-width:29px;height:29px;
  border-radius:999px;background:var(--d-mint);color:var(--d-green-dark);font-size:13.5px;font-weight:600;
  font-variant-numeric:tabular-nums;flex:none}
.dan-branch-events .agday.today .agnum {background:var(--d-green);color:#fff}
.dan-branch-events .agdow {font-size:12.5px;font-weight:600;color:var(--d-muted)}
.dan-branch-events .agheb {font-size:11.5px;color:var(--d-faint)}
.dan-branch-events .agday .dhol {background:var(--d-orange-soft);border-radius:6px;padding:2px 7px}
.dan-branch-events .agday .dev {white-space:normal;font-size:13px;padding:6px 9px}
.dan-branch-events .agday .dplus {opacity:1}
/* --- רשימה --- */
.dan-branch-events table {width:100%;border-collapse:collapse}
.dan-branch-events th {font-size:11.5px;font-weight:600;color:var(--d-faint);text-align:start;padding:0 8px 9px;border-bottom:1px solid var(--d-line);white-space:nowrap}
.dan-branch-events td {padding:9px 8px;border-bottom:1px solid var(--d-line-soft);font-size:13.5px;vertical-align:middle}
.dan-branch-events tr:hover td {background:#FAFBFA}
.dan-branch-events td.num {font-variant-numeric:tabular-nums;text-align:start;white-space:nowrap}
.dan-branch-events .dpill {display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.dan-branch-events .dpill.idea {background:#F2EFE5;color:var(--d-muted)}
.dan-branch-events .dpill.planned {background:#E7F1F9;color:#2C6791}
.dan-branch-events .dpill.confirmed {background:var(--d-mint);color:var(--d-green-dark)}
.dan-branch-events .dpill.done {background:#EFF2EE;color:var(--d-faint)}
.dan-branch-events .dpill.cancelled {background:var(--d-orange-soft);color:var(--d-orange-ink)}
.dan-branch-events .linkrow {display:flex;flex-direction:column;gap:6px}
/* --- מגירת עריכה --- */
.dan-branch-events .dsec {background:#fff;border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:13px}
.dan-branch-events .dsec h3 {font-size:13.5px;font-weight:600;color:var(--d-muted);margin:0;letter-spacing:.02em}
.dan-branch-events .imgs {display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}
.dan-branch-events .imgc {position:relative;border:1px solid var(--d-line);border-radius:12px;overflow:hidden;background:var(--d-cream2)}
/* יחס קבוע ו-object-fit:cover — בלי זה תמונה לאורך מהטלפון מותחת את כל השורה. */
.dan-branch-events .imgc img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--d-cream2)}
.dan-branch-events .imgc .cap {width:100%;border:0;border-top:1px solid var(--d-line);background:#fff;font-family:inherit;
  font-size:12px;color:var(--d-text);padding:7px 9px;outline:none}
.dan-branch-events .imgc .cap::placeholder {color:var(--d-muted)}
/* התווית היא הכפתור: <input type=file> עצמו מוסתר כי אי אפשר לעצב אותו. */
.dan-branch-events .upl {display:inline-flex;align-items:center;gap:7px}
.dan-branch-events .upl input[type=file] {display:none}
/* ממוזערת ברשימה. גובה קבוע כדי ששורות עם תמונה ובלי תמונה יישארו באותו גובה. */
.dan-branch-events .grid2 {display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dan-branch-events .f {display:flex;flex-direction:column;gap:5px}
.dan-branch-events .f label {font-size:11.5px;color:var(--d-muted);font-weight:600}
.dan-branch-events .f input, .dan-branch-events .f select {height:38px}
.dan-branch-events .ro {background:#FAFBFA;color:var(--d-muted)}
/* --- מתנדבים: מכווץ כברירת מחדל, ושורת סיכום מספרית כשסגור (בקשת גיל: "שלא יהיה עמוס
   בעין"). details/summary נייטיבי — בלי סטייט משלנו ובלי JS לפתיחה/סגירה. --- */
.dan-branch-events details.dsec > summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
  font-size:13.5px;font-weight:600;color:var(--d-muted);letter-spacing:.02em}
.dan-branch-events details.dsec > summary::-webkit-details-marker {display:none}
.dan-branch-events details.dsec > summary::before {content:"▸";font-size:11px;color:var(--d-faint);transition:transform .15s}
.dan-branch-events details.dsec[open] > summary::before {transform:rotate(-90deg)}
.dan-branch-events details.dsec > summary:hover {color:var(--d-green-dark)}
.dan-branch-events .volsum {margin-inline-start:auto;font-weight:500;font-size:12.5px;color:var(--d-faint);font-variant-numeric:tabular-nums}
.dan-branch-events .volsum.gap {color:var(--d-orange-ink);font-weight:600}
.dan-branch-events .volbody {display:flex;flex-direction:column;gap:12px;margin-top:14px}
.dan-branch-events .team {border:1px solid var(--d-line-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.dan-branch-events .team.short {border-color:#F0D6BE;background:#FFFCF9}
.dan-branch-events .teamhead {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dan-branch-events .teamhead .tn {font-size:13.5px;font-weight:600;color:var(--d-ink);flex:1;min-width:0}
.dan-branch-events .teamhead .tc {font-size:12px;font-variant-numeric:tabular-nums;color:var(--d-muted);
  background:var(--d-track);border-radius:999px;padding:2px 9px;white-space:nowrap}
.dan-branch-events .teamhead .tc.full {background:var(--d-mint);color:var(--d-green-dark);font-weight:600}
.dan-branch-events .teamhead .tc.short {background:var(--d-orange-soft);color:var(--d-orange-ink);font-weight:600}
.dan-branch-events .teamhead .need {width:52px;height:28px;font-size:12.5px;padding:4px 6px}
.dan-branch-events .vols {display:flex;flex-wrap:wrap;gap:5px}
.dan-branch-events .vol {display:inline-flex;align-items:center;gap:5px;font-size:12.5px;background:#F4F8F5;color:var(--d-text);
  border-radius:999px;padding:3px 5px 3px 10px}
.dan-branch-events .vol .vx {border:0;background:none;cursor:pointer;color:var(--d-faint);font-size:13px;line-height:1;padding:1px 4px;border-radius:50%}
.dan-branch-events .vol .vx:hover {color:var(--d-orange-ink);background:#fff}
.dan-branch-events .picker {display:flex;flex-direction:column;gap:7px;background:#FAFBFA;border-radius:10px;padding:10px}
.dan-branch-events .picker input[list] {height:34px;font-size:13px}
.dan-branch-events .sugg {display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.dan-branch-events .sugg .sl {font-size:11px;color:var(--d-faint);font-weight:600}
.dan-branch-events .sugg button {border:1px solid var(--d-line);background:#fff;border-radius:999px;font-family:inherit;
  font-size:12px;padding:3px 10px;cursor:pointer;color:var(--d-green-dark)}
.dan-branch-events .sugg button:hover {background:var(--d-mint);border-color:var(--d-green-mid)}
.dan-branch-events .sugg button .n {color:var(--d-faint);font-size:10.5px;margin-inline-start:4px}
.dan-branch-events .addteam {display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.dan-branch-events .addteam select {height:34px;font-size:13px;flex:1;min-width:150px}
/* --- הרשמה לאירוע --- */
.dan-branch-events .slot {border:1px solid var(--d-line-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.dan-branch-events .slot.full {border-color:#F0D6BE;background:#FFFCF9}
.dan-branch-events .slothead {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dan-branch-events .slothead .sl {font-size:13.5px;font-weight:600;color:var(--d-ink);flex:1;min-width:0}
.dan-branch-events .slothead .sa {font-size:11.5px;color:var(--d-faint)}
.dan-branch-events .slotcnt {font-size:12px;font-variant-numeric:tabular-nums;background:var(--d-track);border-radius:999px;padding:2px 9px;white-space:nowrap}
.dan-branch-events .slotcnt.full {background:var(--d-orange-soft);color:var(--d-orange-ink);font-weight:600}
.dan-branch-events .slotcnt.ok {background:var(--d-mint);color:var(--d-green-dark);font-weight:600}
.dan-branch-events .reglist {display:flex;flex-direction:column;gap:3px;background:#FAFBFA;border-radius:9px;padding:9px 11px}
.dan-branch-events .regrow {display:flex;align-items:center;gap:8px;font-size:12.5px}
.dan-branch-events .regrow .rn {flex:1;min-width:0}
.dan-branch-events .regrow .rb {font-size:10.5px;color:var(--d-faint)}
.dan-branch-events .regrow.wait .rn {color:var(--d-orange-ink)}
.dan-branch-events .regrow.cancelled .rn {text-decoration:line-through;color:var(--d-faint)}
/* --- פרסום לקהילה --- */
.dan-branch-events .pubrow {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dan-branch-events .pubstate {font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}
.dan-branch-events .pubstate.on {background:var(--d-mint);color:var(--d-green-dark)}
.dan-branch-events .pubstate.off {background:var(--d-track);color:var(--d-muted)}
/* קהל היעד מקובץ לקטגוריות מעמד (2026-08-29). הכותרת **מעל** השורה ולא לצידה:
   בעברית RTL שורת flex-wrap עם תווית צמודה נשברה לשלוש שורות בנייד. */
.dan-branch-events .blrow {display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 0;border-bottom:1px solid var(--d-line-soft)}
.dan-branch-events .blrow:last-child {border-bottom:0}
.dan-branch-events .blrow .bn {flex:1;min-width:0}
.dan-branch-events .blrow .bv {font-variant-numeric:tabular-nums;font-weight:600;color:var(--d-green-dark)}
.dan-branch-events .xbtn {border:0;background:none;color:var(--d-faint);cursor:pointer;font-size:15px;line-height:1;padding:2px 5px;border-radius:6px}
.dan-branch-events .xbtn:hover {color:var(--d-orange-ink);background:var(--d-orange-soft)}
.dan-branch-events .total {display:flex;justify-content:space-between;align-items:baseline;padding-top:10px;border-top:1px solid var(--d-line);
  font-size:14px;font-weight:600;color:var(--d-ink)}
.dan-branch-events .total .tv {font-size:20px;font-variant-numeric:tabular-nums;color:var(--d-green)}
/* --- אשף שכפול --- */
.dan-branch-events .mfoot {padding:14px 24px 18px;border-top:1px solid var(--d-line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dan-branch-events .cl-row {display:grid;grid-template-columns:26px 1fr 132px 96px;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--d-line-soft)}
.dan-branch-events .cl-row input[type=checkbox] {width:17px;height:17px;accent-color:var(--d-green);cursor:pointer}
.dan-branch-events .cl-row .clt {font-size:13.5px}
.dan-branch-events .cl-row .clm {font-size:11px;color:var(--d-faint)}
.dan-branch-events .cl-row input[type=date] {height:34px;font-size:12.5px}
.dan-branch-events .cl-row select {height:34px;font-size:12.5px}
.dan-branch-events .cl-row.off {background:var(--d-track)}
.dan-branch-events .cl-row.off .clt {color:var(--d-faint)}
.dan-branch-events .needs {font-size:10.5px;color:var(--d-orange-ink);font-weight:600}
.dan-branch-events .hint {font-size:12px;color:var(--d-faint);line-height:1.5}
.dan-branch-events .ro-note {background:var(--d-mint);border-radius:12px;padding:9px 14px;font-size:13px;color:var(--d-green-dark);display:flex;gap:8px;align-items:center}
@container be (max-width: 940px) { .dan-branch-events .months {grid-template-columns:repeat(3,1fr)} }
@container be (max-width: 700px) { .dan-branch-events .months {grid-template-columns:repeat(2,1fr)}  }
@container be (max-width: 480px) {  .dan-branch-events .months {grid-template-columns:1fr}
.dan-branch-events .grid2 {grid-template-columns:1fr}
.dan-branch-events .calgrid .day {min-height:76px}
.dan-branch-events .cl-row {grid-template-columns:24px 1fr;gap:6px} }
/* ⚠️ נמדד ב-375px: שורת ארבעת הכפתורים הייתה 434px ודחפה את כל הדף לגלילה צידית —
   תקלה שקדמה לרשימה היומית ולא נראתה כי הגריד ממילא גלש. הרשימה בלי התיקון הזה הייתה
   מגיעה לדף שכבר שבור. */
@container be (max-width: 680px) { .dan-branch-events .calboard {display:none}
.dan-branch-events .agenda {display:flex}
.dan-branch-events .catrow {align-items:flex-start}
.dan-branch-events .dchips {flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
.dan-branch-events .dchips::-webkit-scrollbar {display:none}
.dan-branch-events .dchip {flex:none}
.dan-branch-events .tbactions {flex-basis:100%}
.dan-branch-events .tbbtns {flex-wrap:wrap}
.dan-branch-events .toolbar .fld {flex:1 1 130px}
.dan-branch-events .toolbar .fld input {width:100%!important} }
/* ══════════════════════════════════════════════════════════════════════════════════════════════════════════════
 * תוספות — מה שהמעטפת של עגור דורשת ושל דן אין לו (הכול תחום, ובקידומת `--d-`):
 * ══════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* המכל: `container` — הרוחב תלוי במעטפת (סרגל פתוח/סגור), ולכן שבירה לפי רוחב המכל ולא החלון (`@container be`). ה-`main`
 * של דן (padding · flex · gap) הוא כאן המכל עצמו — הריפוד כבר במעטפת. */
.dan-branch-events {
  container: be / inline-size;
  display: flex; flex-direction: column; gap: 18px;
  color: var(--d-text);
}
.dan-branch-events *, .dan-branch-events *::before, .dan-branch-events *::after { box-sizing: border-box; }
.dan-branch-events h1 { margin-block: 0 5px; }
.dan-branch-events .dtop h1 { overflow-wrap: anywhere; }
.dan-branch-events p { margin: 0; }
/* ⚠️ הצבע על קישור-כפתור: `a:hover` (כתום) של דן אינו אמור לדרוס את `.dbtn.primary`. */
.dan-branch-events a.dbtn:hover { color: var(--d-green-dark); }
.dan-branch-events a.dbtn.primary:hover { color: #fff; }
.dan-branch-events .dbtn:focus-visible, .dan-branch-events .tab:focus-visible, .dan-branch-events .dchip:focus-visible, .dan-branch-events .ev:focus-visible, .dan-branch-events .dev:focus-visible,
.dan-branch-events .dplus:focus-visible, .dan-branch-events .xbtn:focus-visible, .dan-branch-events .vx:focus-visible { outline: 2px solid var(--d-green); outline-offset: 2px; }
.dan-branch-events .dbanner .bi { font-size: 18px; line-height: 1.2; }
.dan-branch-events .dbanner[role="alert"] { margin-bottom: 12px; }
.dan-branch-events .dchip .vw { font-size: 11px; color: var(--d-faint); }
.dan-branch-events .dchip.on .vw { color: var(--d-green-dark); }
/* אירוע בתצוגת קריאה-בלבד (יומן הקהילה) — `div`, לא כפתור: אין מה לפתוח. */
.dan-branch-events div.ev, .dan-branch-events div.dev { cursor: default; }
.dan-branch-events div.ev:hover { background: #FAFBFA; }
.dan-branch-events div.ev.idea:hover { background: #fff; }
.dan-branch-events div.dev:hover { background: var(--d-mint); color: var(--d-green-dark); }

/* שבב המצב (`.syncst` בדן) — החריץ `kit-status` של הערכה, מעוצב כמוהו: מופיע עם טקסט ונעלם כשמתרוקן. */
.dan-branch-events .dtop .kit-status { font-size: 13px; font-weight: 600; padding: 5px 12px; border-radius: 20px; white-space: nowrap; min-height: 0; margin: 0; }
.dan-branch-events .dtop .kit-status:empty { display: none; }
.dan-branch-events .dtop .kit-status--wait { background: var(--d-orange-soft); color: var(--d-orange-ink); }
.dan-branch-events .dtop .kit-status--ok { background: var(--d-mint); color: var(--d-green-dark); }
.dan-branch-events .dtop .kit-status--err { background: var(--d-orange-soft); color: var(--d-orange-ink); font-weight: 700; }
.dan-branch-events .kit-status { font-size: 12.5px; }
.dan-branch-events .kit-status--ok { color: var(--d-green-dark); }
.dan-branch-events .kit-status--err { color: var(--d-orange-ink); font-weight: 600; }
.dan-branch-events .kit-status--wait { color: var(--d-muted); }

/* ── שדות הערכה (`field()` של kit/form.js) בעיצוב `.f` של דן ──────────────────────────────────────────────── */
.dan-branch-events .form-field { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.dan-branch-events .form-field label { font-size: 11.5px; color: var(--d-muted); font-weight: 600; }
.dan-branch-events .form-input { width: 100%; min-width: 0; min-height: 0; font-size: 14px; padding: 8px 11px; color: var(--d-text);
  background: #fff; border: 1px solid var(--d-line); border-radius: 10px; }
.dan-branch-events input.form-input, .dan-branch-events select.form-input { height: 38px; }
.dan-branch-events textarea.form-input { height: auto; min-height: 64px; }
.dan-branch-events .form-input:disabled { background: #FAFBFA; color: var(--d-muted); opacity: 1; }
.dan-branch-events .form-input[aria-invalid="true"] { border-color: var(--d-orange); border-width: 2px; }
.dan-branch-events .kit-field__hint { font-size: 12px; color: var(--d-faint); line-height: 1.5; margin: 0; }
.dan-branch-events .kit-field__error { font-size: 12px; color: var(--d-orange-ink); font-weight: 600; margin: 0; }
.dan-branch-events .alert { background: var(--d-orange-soft); color: var(--d-orange-ink); border: 1px solid #F3D6BE; border-radius: 12px;
  padding: 10px 14px; font-size: 13px; margin: 0 0 12px; }
.dan-branch-events .kit-form__actions { display: flex; gap: 8px; flex-wrap: wrap; margin-block-start: 0; }
.dan-branch-events .kit-form__actions .dbtn { flex: 0 0 auto; min-width: 0; }
.dan-branch-events input[type="checkbox"], .dan-branch-events input[type="radio"] { min-height: 0; }

/* ── הדיאלוגים (`kit/dialog.js`) — המגירה, הפרסום המרוכז והשכפול של דן ───────────────────────────────────────
 * ⚠️ `<dialog>` נשאר ילד של המכל ב-DOM, ולכן הכללים התחומים והמשתנים `--d-*` חלים עליו גם בשכבה העליונה; ה-`container`
 * עליו מאפשר שבירה לפי **רוחב הדיאלוג** (המגירה 520px; הנייד — כל המסך), לא רוחב המסך. */
.dan-branch-events .kit-dialog { background: var(--d-cream2); color: var(--d-text); container: bed / inline-size; font-family: inherit; }
.dan-branch-events .kit-dialog::backdrop { background: rgba(16, 42, 32, .32); }
.dan-branch-events .kit-dialog__head { background: var(--d-cream2); border-bottom: 1px solid var(--d-line); padding: 18px 22px 14px; }
.dan-branch-events .kit-dialog__head h2 { font-size: 19px; font-weight: 600; margin: 0 0 3px; color: var(--d-ink); }
.dan-branch-events .kit-dialog__sub { font-size: 12.5px; color: var(--d-faint); margin: 0; }
.dan-branch-events .kit-dialog__x { background: none; color: var(--d-faint); border-radius: 8px; }
.dan-branch-events .kit-dialog__x:hover { background: var(--d-orange-soft); color: var(--d-orange-ink); }
.dan-branch-events .kit-dialog__body { padding: 18px 22px 40px; }
/* מגירת האירוע — `#drawer` בדן: צמודה לשמאל, מלוא הגובה, נכנסת מהשמאל. */
.dan-branch-events #be-dialog, .dan-branch-events #ce-dialog { margin: 0; inset: 0 auto 0 0; width: min(520px, 100%); max-width: 100%; height: 100vh; height: 100dvh; max-height: none;
  border-radius: 0; box-shadow: 0 0 60px rgba(16, 42, 32, .18); }
.dan-branch-events #be-dialog[open], .dan-branch-events #ce-dialog[open] { animation: be-drawer-in .22s ease; }
/* ⭐ 01.10 · `#ce-dialog` — המגירה של יומן הקהילה (קריאה בלבד): בדן אותו `#drawer` בדיוק. */
@keyframes be-drawer-in { from { transform: translateX(-100%); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .dan-branch-events #be-dialog[open], .dan-branch-events #ce-dialog[open] { animation: none; } }
.dan-branch-events #be-dialog-body, .dan-branch-events #ce-dialog-body { display: flex; flex-direction: column; gap: 18px; }
/* שבב ה-`sync` בתוך המגירה (שמירה אוטומטית — "שומר…/נשמר"): תחתית דביקה, ונעלמת כשהחריץ ריק. */
.dan-branch-events #be-dialog .kit-dialog__foot, .dan-branch-events #ce-dialog .kit-dialog__foot { padding: 10px 22px; background: var(--d-cream2); border-top: 1px solid var(--d-line); }
.dan-branch-events #be-dialog .kit-dialog__foot:has(.kit-status:empty), .dan-branch-events #ce-dialog .kit-dialog__foot:has(.kit-status:empty) { display: none; }
.dan-branch-events #be-dialog .kit-dialog__foot .kit-status, .dan-branch-events #ce-dialog .kit-dialog__foot .kit-status { font-size: 13px; font-weight: 600; margin: 0; }
.dan-branch-events #be-dialog-body > form, .dan-branch-events #ce-dialog-body > form { display: flex; flex-direction: column; gap: 18px; }
.dan-branch-events .dsec .hint, .dan-branch-events .dsec p.hint { margin: 0; }
.dan-branch-events .dsec a { font-size: 13px; }
.dan-branch-events .dsec .linkrow { gap: 8px; }
.dan-branch-events .dsec .linkrow select { height: 38px; }
.dan-branch-events .calrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dan-branch-events .calrow .dbtn { padding: 6px 12px; font-size: 12.5px; }
.dan-branch-events .imgc { margin: 0; }
.dan-branch-events .imgc .cap { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.dan-branch-events .imgc .cover-tag { position: absolute; bottom: 38px; inset-inline-start: 6px; background: var(--d-mint); color: var(--d-green-dark); }
.dan-branch-events .upl .dbtn { cursor: pointer; }
.dan-branch-events .upl:focus-within .dbtn { border-color: var(--d-green); box-shadow: 0 0 0 3px var(--d-mint); }
.dan-branch-events .upl input[type=file] { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.dan-branch-events .upl { position: relative; }
.dan-branch-events .blrow .bm { font-size: 11px; color: var(--d-faint); }
.dan-branch-events .teamhead .coord { font-size: 11.5px; color: var(--d-faint); }
.dan-branch-events .team .dbtn.assign { align-self: flex-start; font-size: 12.5px; padding: 5px 12px; }
.dan-branch-events .subsec { border: 1px solid var(--d-line-soft); background: var(--d-cream2); }
.dan-branch-events .catrow2 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dan-branch-events .catrow2 .tn { flex: 1; min-width: 0; font-size: 13.5px; color: var(--d-ink); font-weight: 600; }
.dan-branch-events .catrow2 .dbtn { font-size: 12px; padding: 4px 11px; }
.dan-branch-events .slot .modeon { color: var(--d-green-dark); font-weight: 600; }
.dan-branch-events .slot .sa.closed { color: var(--d-orange-ink); }
.dan-branch-events .picker input[list] { width: 100%; }
.dan-branch-events .xbtn[data-vol-del-team] { align-self: center; }
.dan-branch-events .dsec .volbody > .dbtn { align-self: flex-start; }

/* פרסום מרוכז ושכפול — `.mpanel` של דן: קרם, פינות 22px, עד 820px; הגוף גולל, הכותרת והכפתורים לא. */
.dan-branch-events #be-pub-dialog, .dan-branch-events #be-clone-dialog { width: min(820px, calc(100vw - 48px)); max-height: 86vh; border-radius: 22px;
  box-shadow: 0 30px 80px rgba(16, 42, 32, .28); overflow: hidden; }
.dan-branch-events #be-pub-dialog .kit-dialog__head, .dan-branch-events #be-clone-dialog .kit-dialog__head { padding: 20px 24px 16px; }
.dan-branch-events #be-pub-dialog .kit-dialog__sub, .dan-branch-events #be-clone-dialog .kit-dialog__sub { font-size: 13px; color: var(--d-muted); max-width: 60ch; line-height: 1.5; }
.dan-branch-events #be-pub-dialog .kit-dialog__body, .dan-branch-events #be-clone-dialog .kit-dialog__body { padding: 16px 24px; }
.dan-branch-events .mfoot { padding: 14px 0 0; margin-top: 14px; }
.dan-branch-events .cl-row { grid-template-columns: 26px 1fr 132px 132px; }
.dan-branch-events .cl-row.clhead { border-bottom: 1px solid var(--d-line); font-size: 11.5px; color: var(--d-faint); font-weight: 600; }
.dan-branch-events .cl-row.pub { grid-template-columns: 26px 1fr 120px; cursor: pointer; }
.dan-branch-events .cl-row .cl-pick { display: flex; align-items: center; }
.dan-branch-events .cl-row .form-input, .dan-branch-events .cl-row input[type=date] { width: 100%; min-width: 0; }
.dan-branch-events .cl-row input[type=date] { padding: 4px 8px; }
.dan-branch-events .cl-row .clm { line-height: 1.5; }
.dan-branch-events #be-clone-dialog .form-field { margin: 0; }
.dan-branch-events #be-clone-dialog [data-cl-start] { display: flex; flex-direction: column; gap: 14px; }
.dan-branch-events #be-clone-dialog [data-cl-start] > div { display: flex; gap: 12px; flex-wrap: wrap; }
.dan-branch-events #be-clone-dialog [data-cl-start] .form-field { flex: 1 1 140px; max-width: 280px; }
.dan-branch-events #be-clone-dialog [data-cl-commit] .hint { margin-bottom: 12px; }
.dan-branch-events #be-clone-dialog [data-cl-commit] .dbanner { margin-bottom: 14px; }
@container bed (max-width: 440px) {
  .dan-branch-events .grid2 { grid-template-columns: 1fr; }
  .dan-branch-events .cl-row, .dan-branch-events .cl-row.pub { grid-template-columns: 24px 1fr; gap: 6px; }
  .dan-branch-events .cl-row.clhead { display: none; }
  .dan-branch-events .cl-row input[type=date] { grid-column: 2; }
}

/* ── דף ההרשמה לאירוע (`branch-event-registrations.js`) — כרטיסי המקטע והרשימה של דן, בעמוד ולא במגירה ─── */
.dan-branch-events .slot .slothead .sl { font-size: 14.5px; }
@container be (max-width: 520px) { .dan-branch-events .slot .slothead .sl { flex-basis: 100%; } }
.dan-branch-events .slot .slothead .btn-mini, .dan-branch-events .slot .slothead .dbtn { font-size: 11.5px; padding: 3px 10px; }
.dan-branch-events .slot .reglist { margin-top: 2px; }
.dan-branch-events .slot .slot-detail { display: flex; flex-direction: column; gap: 8px; }
.dan-branch-events .regrow .xbtn { margin-inline-start: auto; }
.dan-branch-events .reglist .hint { margin: 0; }
.dan-branch-events .regsum { font-size: 11.5px; color: var(--d-faint); margin-top: 4px; }
.dan-branch-events .regactions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 6px; }
.dan-branch-events .regactions .dbtn { font-size: 11.5px; padding: 4px 11px; }
.dan-branch-events .regadd { display: flex; flex-direction: column; gap: 8px; background: #fff; border-radius: 10px; padding: 10px; border: 1px solid var(--d-line-soft); }
.dan-branch-events .regrow.cancelled .rb { color: var(--d-faint); }
.dan-branch-events .regrow.cancelled { background: transparent; }


/* ══ ⭐ 01.10 · סבב תיקון u13 — פקיעות חוזים · ההרשמה בתוך המגירה · מגירת קריאה-בלבד · בורר יחידה ══ */
/* פקיעות חוזים — שכבה נפרדת מעל היומן, לא אירועים (דן 101-114). `.notice` של דן ⟶ `.leasenote` (המעטפת מגדירה `.notice` לא תחום — שם מקומי, כמו שאר המחלקות המתנגשות). הצורה שונה בכוונה: קו מפריד מעליה, טקסט קטן וצבע חול, כדי שלא ייקרא
   כאירוע שאפשר לפתוח בעורך. AA: `--dim` של דן על טקסט ⟶ `--d-faint`. */
.dan-branch-events .lease-sec {border-top:1px dashed var(--d-line);padding-top:7px;display:flex;flex-direction:column;gap:4px}
.dan-branch-events .lease-sec .lh {font-size:10.5px;color:var(--d-faint);letter-spacing:.02em}
.dan-branch-events .lz {display:flex;align-items:center;gap:6px;font-size:11.5px;line-height:1.35;color:var(--d-orange-ink);text-decoration:none;border-radius:7px;padding:2px 4px}
.dan-branch-events .lz:hover {background:var(--d-orange-soft)}
.dan-branch-events .lz i {width:6px;height:6px;border-radius:99px;background:var(--d-orange);flex:none}
.dan-branch-events .lz.leasenote i {background:var(--d-sand)}
.dan-branch-events .lz.done {color:var(--d-faint)}
.dan-branch-events .lz.done i {background:var(--d-faint)}
.dan-branch-events .lz .lzd {font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:none}
.dan-branch-events .dlz {font-size:10.5px;line-height:1.3;padding:2px 5px;border-radius:6px;background:var(--d-orange-soft);color:var(--d-orange-ink);text-decoration:none;
  display:flex;align-items:center;gap:4px;border:1px dashed var(--d-sand)}
.dan-branch-events .dlz.leasenote {background:transparent}
.dan-branch-events .dlz.done {color:var(--d-faint);border-color:var(--d-line)}
.dan-branch-events .dlz .lzd {font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;flex:none}
.dan-branch-events .agday .dlz {font-size:12px;padding:4px 7px}

/* ההרשמה בתוך המגירה — `.slotgrid` (דן 282-284): שדות המקטע בתוך הכרטיס, שמירה אוטומטית לכל שדה. `.sgf` ולא `.f` — שם מקומי. */
.dan-branch-events .slotgrid {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dan-branch-events .sgf {display:flex;flex-direction:column;gap:4px;min-width:0}
.dan-branch-events .sgf label {font-size:11px;color:var(--d-muted);font-weight:600}
.dan-branch-events .sgf label span {font-weight:400}
.dan-branch-events .slotgrid input, .dan-branch-events .slotgrid select {height:32px;font-size:12.5px;min-width:0}
.dan-branch-events .sgf.sw {justify-content:flex-end;gap:4px}
.dan-branch-events .sgf.sw .switch {font-size:12px}
.dan-branch-events .slot .slothead .dbtn, .dan-branch-events .slot .slothead .xbtn {flex:none}
.dan-branch-events .slot .reglist .dbtn {align-self:flex-start}
@container bed (max-width: 440px) { .dan-branch-events .slotgrid {grid-template-columns:1fr} }
@container be (max-width: 480px) { .dan-branch-events .slotgrid {grid-template-columns:1fr} }
.dan-branch-events .regadd .hint {margin:0}

/* מגירת הקריאה-בלבד של יומן הקהילה — אותו `renderDrawer` של דן, כשהשדות מנוטרלים (`dis`). ערך במקום תיבה: `.rovals` תווית + ערך. */
.dan-branch-events .rofld {display:flex;flex-direction:column;gap:3px}
.dan-branch-events .rofld .rol {font-size:11.5px;color:var(--d-muted);font-weight:600}
.dan-branch-events .rofld .rov {font-size:14px;color:var(--d-text);line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap}
.dan-branch-events .rofld .rov.none {color:var(--d-faint)}
.dan-branch-events .rogrid {display:grid;grid-template-columns:1fr 1fr;gap:12px}
@container bed (max-width: 440px) { .dan-branch-events .rogrid {grid-template-columns:1fr} }
.dan-branch-events .linkopen {align-self:flex-start}
/* "רשומים סותרים" — אזהרה מתחת לשדות המקטע כששינו הרכב משתתפים ויש כבר נרשמים שאינם מתאימים (דן: `alert`; כאן שורה — `.dupnote` שלו). */
.dan-branch-events .dupnote {font-size:11.5px;color:var(--d-orange-ink);background:var(--d-orange-soft);border-radius:7px;padding:6px 9px;line-height:1.5}


/* ══ ב · resident.html — מסך האירועים של התושב (`.dan-events`) ══ */
.dan-events .qbtn {font-family:inherit;font-size:15.5px;font-weight:500;color:var(--d-green);background:#fff;border:1px solid #D8E3DA;border-radius:999px;padding:12px 20px;cursor:pointer}
.dan-events .qbtn:hover {background:#F4F8F5}
.dan-events .dcard {background:#fff;border-radius:22px;padding:26px 28px;box-shadow:var(--d-shadow);display:flex;flex-direction:column;gap:18px}
.dan-events .dcard h2 {font-size:20px;font-weight:600;color:var(--d-ink);margin:0}
.dan-events .cardhead {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* כותרת-ביניים ברשימת האירועים: "לכל הקיבוץ" מול "הילדים שלי". פורשת על שתי העמודות
     של .events, אחרת היא הייתה יושבת כתא בגריד ודוחפת כרטיס לשורה הבאה. */
/* ---- מסך האירועים המלא: שורות קומפקטיות שנפתחות ---- */
.dan-events .evtools {display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dan-events .evsearch {flex:1;min-width:240px;font-family:inherit;font-size:16px;color:var(--d-ink);
            background:var(--d-cream2);border:1px solid transparent;border-radius:12px;padding:13px 16px}
.dan-events .evsearch:focus {outline:none;border-color:var(--d-green-mid);background:#fff}
.dan-events .evchips {display:flex;gap:8px;flex-wrap:wrap}
.dan-events .fchip {font-family:inherit;font-size:14.5px;font-weight:500;color:var(--d-muted);background:var(--d-cream2);
         border:1px solid transparent;border-radius:999px;padding:9px 16px;cursor:pointer}
.dan-events .fchip:hover {border-color:var(--d-green-mid)}
.dan-events .fchip.on {background:var(--d-green);color:#fff}
.dan-events .evresult {font-size:14.5px;color:var(--d-faint)}
/* שורת התוצאה והייצוא חולקות שורה: שתיהן מדברות על *הרשימה כולה*, ולא על פריט בה. */
.dan-events .evbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
@container ev (max-width: 680px) { .dan-events .evchips {flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;
             scrollbar-width:none;-webkit-overflow-scrolling:touch}.dan-events .evchips::-webkit-scrollbar {display:none}.dan-events .evchips .fchip {font-size:13.5px;padding:7px 13px;flex:none}.dan-events .evtools {gap:8px} }
.dan-events .mgroup {font-size:15px;font-weight:600;color:var(--d-muted);padding:14px 2px 8px;
          border-bottom:1px solid #EEF2EE;margin-bottom:2px}
/* גריד ולא flex: בנייד השורה חייבת להישבר לשתי שורות *מבוקרות* — תאריך+שם למעלה,
     תגים מתחת — ו-flex-wrap שבר אותה לשלוש, כשהחץ נופל לשורה משלו ומשאיר חור של 60px
     מתחת לכל אירוע. עם 36 אירועים זה הופך מסך קומפקטי לגלילה אינסופית. */
.dan-events .erow {width:100%;font-family:inherit;text-align:start;background:none;border:0;border-bottom:1px solid #F2F5F2;
        padding:13px 4px;cursor:pointer;display:grid;grid-template-columns:76px 1fr auto auto;
        gap:6px 12px;align-items:baseline}
.dan-events .erow .ed {grid-column:1}
.dan-events .erow .et {grid-column:2}
.dan-events .erow .ec {grid-column:3}
.dan-events .erow .car {grid-column:4}
.dan-events .erow:hover {background:var(--d-cream2)}
/* ⚠️ direction:ltr על תא התאריך. "21–22.10" הוא רצף של ספרות ומקף — כולם ניטרליים
     ל-bidi — ובתוך פסקה RTL האלגוריתם סידר אותם מימין לשמאל והציג "22.10–21", כלומר
     טווח הפוך. תאריך בודד ("1.9") נראה תקין ולכן זה התגלה רק על אירוע רב-יומי. */
.dan-events .erow .ed {flex:none;width:76px;white-space:nowrap;direction:ltr;text-align:right;
            font-size:14.5px;color:var(--d-green);font-weight:600;font-variant-numeric:tabular-nums}
/* ⚠️ אותה מחלת bidi של .ed למעלה, בשלושה מקומות שנשארו בחוץ: שעת האירוע בהרחבה
     ("18:15–19:45" הוצג "19:45–18:15"), שעות המשרד בפוטר, וטווח השנים של המטרות
     הרב-שנתיות ("מטרות 2026–2028" הוצג "2028–2026"). מחלקה אחת במקום שלוש נקודתיות,
     כי זה ייפול שוב בטווח הרביעי שמישהו יוסיף. plaintext שומר על תוכן עברי בכיוונו. */
.dan-events .rng {direction:ltr;unicode-bidi:plaintext;display:inline-block}
.dan-events .erow .et {min-width:0;font-size:16.5px;color:var(--d-ink)}
.dan-events .erow .ec {display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.dan-events .erow .car {color:var(--d-faint);font-size:13px;transition:transform .15s}
.dan-events .erow[aria-expanded="true"] .car {transform:rotate(180deg)}
.dan-events .erow[aria-expanded="true"] .et {font-weight:500}
.dan-events .edet {padding:2px 4px 18px 4px;border-bottom:1px solid #F2F5F2;display:flex;flex-direction:column;gap:10px}
.dan-events .edet .erw {display:flex;gap:10px;font-size:15px;color:var(--d-muted)}
.dan-events .edet .erw b {flex:none;width:56px;font-weight:500;color:var(--d-faint)}
.dan-events .edet .txt {font-size:15.5px;color:var(--d-ink);line-height:1.55}
@container ev (max-width: 680px) { .dan-events .erow {grid-template-columns:64px 1fr auto}.dan-events .erow .ed {width:auto}.dan-events .erow .car {grid-column:3;grid-row:1}.dan-events .erow .ec {grid-column:2/4;grid-row:2;justify-content:flex-start}.dan-events .edet .erw {flex-direction:column;gap:2px}.dan-events .edet .erw b {width:auto} }
.dan-events .dchip {display:inline-block;font-size:13px;font-weight:500;color:var(--d-green-dark);
        background:var(--d-mint);border-radius:999px;padding:3px 10px;margin-inline-end:6px}
.dan-events .pay {font-family:inherit;font-size:17px;font-weight:600;color:#fff;background:var(--d-green);border:0;border-radius:999px;
    padding:16px 32px;cursor:pointer;box-shadow:0 8px 20px rgba(14,122,85,.24)}
.dan-events .pay:hover {background:var(--d-green-dark)}
.dan-events .dempty {font-size:15px;color:var(--d-faint);line-height:1.6;padding:6px 0}
.dan-events .dempty b {color:var(--d-muted);font-weight:500}
.dan-events .savebar {display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px}
.dan-events .savemsg {font-size:14px;font-weight:500;opacity:0;transition:opacity .25s}
.dan-events .savemsg.show {opacity:1}
.dan-events .savemsg.ok {color:var(--d-green-dark)}
.dan-events .savemsg.err {color:var(--d-orange-ink)}
/* --- הרשמה לאירוע --- */
.dan-events .slot {border:1px solid var(--d-line);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:13px}
.dan-events .slot.closed {background:#FAF8F3;border-color:var(--d-line-soft)}
.dan-events .slothead {display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dan-events .slothead .sl {font-size:18px;font-weight:600;color:var(--d-ink)}
.dan-events .slothead .sa {font-size:14.5px;color:var(--d-muted)}
.dan-events .seats {font-size:13.5px;font-weight:500;border-radius:999px;padding:5px 13px;margin-inline-start:auto;white-space:nowrap}
.dan-events .seats.ok {background:var(--d-mint);color:var(--d-green-dark)}
.dan-events .seats.tight {background:var(--d-orange-soft);color:var(--d-orange-ink)}
.dan-events .seats.full {background:#F3F1E9;color:#5F6B64}
.dan-events .mine {display:flex;flex-direction:column;gap:7px;background:var(--d-mint);border-radius:12px;padding:12px 15px}
.dan-events .mine .mt {font-size:13px;font-weight:600;color:var(--d-green-dark)}
.dan-events .mrow {display:flex;align-items:center;gap:10px;font-size:15.5px}
.dan-events .mrow .mn {flex:1;min-width:0}
.dan-events .mrow .mb {font-size:12.5px;color:var(--d-muted)}
.dan-events .mrow.wait .mn {color:var(--d-orange-ink)}
.dan-events .pick {display:flex;flex-direction:column;gap:10px}
.dan-events .pickrow {display:flex;align-items:center;gap:10px;font-size:16px;cursor:pointer}
.dan-events .pickrow input {width:19px;height:19px;accent-color:var(--d-green);cursor:pointer}
.dan-events .pickrow.done {color:var(--d-faint);cursor:default}
.dan-events .kidnames {display:flex;flex-direction:column;gap:8px}
.dan-events .kidname {display:flex;gap:8px;align-items:center}
.dan-events .kidname input {flex:1;font-family:inherit;font-size:15.5px;border:1px solid var(--d-line);
    border-radius:10px;padding:10px 13px;outline:none}
.dan-events .kidname input:focus {border-color:var(--d-green);box-shadow:0 0 0 3px var(--d-mint)}
.dan-events .modetag {font-size:12.5px;font-weight:600;background:var(--d-mint);color:var(--d-green-dark);
    border-radius:999px;padding:3px 11px}
.dan-events .kids {display:flex;align-items:center;gap:12px;font-size:16px}
.dan-events .dstep {width:34px;height:34px;border-radius:50%;border:1px solid var(--d-line);background:#fff;
    font-family:inherit;font-size:19px;line-height:1;cursor:pointer;color:var(--d-green)}
.dan-events .dstep:hover {background:var(--d-mint);border-color:var(--d-green-mid)}
.dan-events .dstep:disabled {opacity:.35;cursor:not-allowed}
.dan-events .kids .kn {font-size:19px;font-weight:600;min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.dan-events .regtag {font-size:12.5px;font-weight:600;background:var(--d-green);color:#fff;border-radius:999px;padding:3px 11px}
.dan-events .regtag.mine {background:var(--d-mint);color:var(--d-green-dark)}
/* --- האירועים שלי + ארכיון --- */
.dan-events .mlist {display:flex;flex-direction:column;gap:14px}
.dan-events .macts {display:flex;gap:10px;flex-wrap:wrap}
/* פעולה משנית, ולא כפתור שקול לראשי: "לא רלוונטי לי" מסתיר דברים, ואסור שהוא ייראה
     כמו הדרך הרגילה קדימה. אותו גודל, משקל נמוך יותר, בלי מסגרת ירוקה. */
.dan-events .qbtn.ghost {color:var(--d-muted);border-color:var(--d-line-soft)}
.dan-events .qbtn.ghost:hover {background:#FAF8F3;color:var(--d-ink)}
/* --- הוספה ליומן --- */
/* שתי אפשרויות ולא אחת, וזו לא התלבטות עיצובית: Google פותח
     מסך יצירת אירוע בדפדפן, וקובץ ICS הוא מה שאייפון, Outlook וסמסונג יודעים לפתוח.
     מי שיש לו יומן Google ילחץ על הראשון בלי לחשוב, וכל השאר לא נשארים בחוץ. */
.dan-events .cal {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dan-events .cal .call {font-size:14px;color:var(--d-faint);flex:none}
.dan-events .calb {display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:14px;
    font-weight:500;color:var(--d-green);background:#fff;border:1px solid #D8E3DA;
    border-radius:999px;padding:7px 14px;text-decoration:none;white-space:nowrap}
.dan-events .calb:hover {background:#F4F8F5}
@container ev (max-width: 680px) { .dan-events .cal .call {flex-basis:100%} }
.dan-events .deadline {font-size:13.5px;font-weight:500;border-radius:999px;padding:5px 13px;
    background:var(--d-orange-soft);color:var(--d-orange-ink);white-space:nowrap}
.dan-events .deadline.calm {background:#F3F1E9;color:#5F6B64}
/* כפתור ההסתרה שיושב על פריט בפיד. קטן, אפור, ומופיע במלוא הניגודיות רק ב-hover —
     הוא חייב להיות שם תמיד (אחרת אף אחד לא יגלה אותו) ולא למשוך את העין מהתוכן. */
.dan-events .hidebtn {font-family:inherit;font-size:13px;color:var(--d-faint);background:none;border:0;
    cursor:pointer;padding:2px 6px;border-radius:8px;align-self:flex-start}
.dan-events .hidebtn:hover {background:#F3F1E9;color:var(--d-ink)}
.dan-events .back {background:none;border:0;font-family:inherit;font-size:15px;color:var(--d-green);cursor:pointer;padding:0;align-self:flex-start}
.dan-events .back:hover {color:var(--d-orange)}

/* ── תוספות — מה שהמעטפת של עגור דורשת ושל דן אין לו (הכול תחום ל-`.dan-events`, בקידומת `--d-`) ──────────────────────
 * המכל (`container`): הרוחב תלוי במעטפת (סרגל פתוח/סגור), ולכן שבירה לפי רוחב המכל (`@container ev`) ולא החלון. */
.dan-events { container: ev / inline-size; display: flex; flex-direction: column; gap: 20px; color: var(--d-text); }
.dan-events *, .dan-events *::before, .dan-events *::after { box-sizing: border-box; }
.dan-events p { margin: 0; }
.dan-events a { color: var(--d-green); text-decoration: none; }
.dan-events a:hover { color: var(--d-orange); }
.dan-events :is(button, a, input, select):focus-visible { outline: 2px solid var(--d-green); outline-offset: 2px; }
.dan-events .dtop { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.dan-events h1 { font-size: 30px; font-weight: 600; color: var(--d-ink); letter-spacing: -.02em; margin: 0 0 6px; }
.dan-events .dtop .meta { font-size: 15px; color: var(--d-muted); }
.dan-events .hint { font-size: 13.5px; color: var(--d-faint); line-height: 1.5; }
.dan-events .kit-status { font-size: 14px; min-height: 0; margin: 0; }
.dan-events .kit-status--ok { color: var(--d-green-dark); font-weight: 500; }
.dan-events .kit-status--err { color: var(--d-orange-ink); font-weight: 500; }
.dan-events .kit-status--wait { color: var(--d-muted); }
.dan-events .kit-status:empty { display: none; }

/* "של מי" ליד החיפוש (דן: `#evFilters` בתוך `.evtools`); "מתי" · "סוג" · "ענף" — שורה לכל ציר. */
.dan-events #ev-axes { display: contents; }
.dan-events #ev-axes > .evchips:not([data-axis-row="who"]) { flex-basis: 100%; }
.dan-events .evsearch { min-width: 0; width: auto; }
/* ⚠️ `.evsearch:focus` של דן מבטל `outline` ומשנה רק צבע מסגרת — מקלדת צריכה טבעת (ui-keyboard: outline/box-shadow). */
.dan-events .evsearch:focus-visible { outline: 2px solid var(--d-green); outline-offset: 2px; }
@container ev (max-width: 680px) { .dan-events .evsearch { min-width: 180px; } }
.dan-events .fchip[aria-pressed="true"] { background: var(--d-green); color: #fff; }
.dan-events .calb { cursor: pointer; }
.dan-events .calb:disabled { opacity: .5; cursor: default; }
.dan-events .calwrap { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dan-events .evbar .kit-status { margin-inline: auto 0; }
.dan-events .erow:focus-visible { outline-offset: -2px; }
.dan-events .edet .erw .cal { flex: 1; }
.dan-events .edet .erw > .back, .dan-events .edet .erw > .hidebtn { text-align: start; }
.dan-events .edet .txt { white-space: pre-wrap; }
.dan-events .dchip { margin-inline-end: 6px; }

/* "האירועים שלי" — `.mlist` של דן בתוך `.dcard`; הכרטיסים האחד מעל השני. */
.dan-events .minegrid { display: flex; flex-direction: column; gap: 20px; }
.dan-events .dcard .cardhead a { font-size: 15px; }
.dan-events .slot .mine .cal { margin-top: 2px; }
.dan-events .slot .macts .qbtn { font-size: 14.5px; padding: 9px 18px; }

/* דף האירוע — דיאלוג (`kit/dialog.js`) במקום `#panel-event` של דן: אותו תוכן, אותם כרטיסי `.slot`. */
.dan-events .kit-dialog { background: var(--d-cream2); color: var(--d-text); font-family: inherit; }
.dan-events .kit-dialog::backdrop { background: rgba(16, 42, 32, .32); }
.dan-events .kit-dialog__head { background: var(--d-cream2); border-bottom: 1px solid var(--d-line); }
.dan-events .kit-dialog__head h2 { font-size: 20px; font-weight: 600; color: var(--d-ink); }
.dan-events .kit-dialog__x { background: none; color: var(--d-faint); }
.dan-events .kit-dialog__x:hover { background: var(--d-orange-soft); color: var(--d-orange-ink); }
.dan-events #ev-dialog-body { display: flex; flex-direction: column; gap: 16px; }
.dan-events .evinfo { display: flex; flex-direction: column; gap: 12px; background: #fff; border-radius: 16px; padding: 18px 20px; }
.dan-events .evmeta { font-size: 15px; color: var(--d-muted); }
.dan-events .evdesc { font-size: 15.5px; line-height: 1.6; color: var(--d-muted); white-space: pre-wrap; }
.dan-events .evslots { display: flex; flex-direction: column; gap: 16px; }
.dan-events .evslots > .hint, .dan-events .evslots > .dempty { background: #fff; border-radius: 16px; padding: 16px 20px; }
.dan-events .evslots .slot { background: #fff; }
.dan-events .evslots .slot.closed { background: #FAF8F3; }
.dan-events fieldset.pick { border: 0; padding: 0; margin: 0; min-width: 0; }
.dan-events .pickhead { font-size: 14px; color: var(--d-muted); font-weight: 500; margin-top: 4px; }
.dan-events .pickrow input[type="checkbox"] { flex: none; }
.dan-events .pay { font-size: 16px; padding: 12px 26px; }
.dan-events .pay:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.dan-events .slot .kit-status { align-self: flex-start; }