/* IMPACT CRM — שפת העיצוב של פרק 32 במסמך המאסטר (08/09/2026).
 *
 * הפלטה מהמסמך: רקע #EEF1F8, משטח לבן, כחול כהה #151D38, סגול IMPACT
 * #7C3AED, אינדיגו #4F46E5, ירוק #10B981, כתום #F59E0B, אדום #EF4444,
 * אפור טקסט #74809A.
 *
 * שינוי מודע אחד מול המסמך: ירוק, כתום ואדום בגוונם המקורי אינם עוברים את
 * יחס הניגודיות שהמסמך עצמו דורש בפרק 36 כשהם משמשים כטקסט על לבן
 * (#10B981 מגיע ל-2.5 בלבד). לכן לכל אחד שני ערכים: הגוון מהמסמך למילוי,
 * לגרף ולנקודת סטטוס, וגוון עמוק מאותה משפחה לטקסט. המשמעות והמשפחה
 * זהות בכל המסכים, כפי שהמסמך דורש.
 *
 * שתי הערכות מוגדרות במפורש ולא כהיפוך אוטומטית זו של זו. חוק אחד:
 * אף צבע לא נכתב קשיח מחוץ לשני הבלוקים כאן.
 */
:root{
  /* מצב כהה — אפשרות 5 "לילה עם זהב" (דולב, 01/10/2026): רקע כחול לילה, משטחים
     #121A2E, זהב #F2B84B לפעולות ולמצב פעיל, טקסט שנהב. הזהב הוא אקסנט: כפתור
     זהב עם טקסט כהה, לא טקסט גוף בזהב. צבעי המשמעות (ירוק/כתום/אדום) לא השתנו. */
  --bg:#0B0F1C; --bg2:#0F1526; --surface:#121A2E; --surface2:#182238; --surface3:#1F2A45;
  --line:#1F2A45; --line2:#2E3C5E;
  --ink:#F3F1E8; --ink2:#B6B4A8; --ink3:#9A988D;
  --accent:#F2B84B; --accent-deep:#D9A035; --accent-soft:rgba(242,184,75,.16); --accent-ink:var(--accent);
  --indigo:#818CF8;
  --new:#818CF8; --prog:#FBBF24; --won:#34D399; --lost:#F87171;
  --new-vivid:#818CF8; --prog-vivid:#F59E0B; --won-vivid:#10B981; --lost-vivid:#EF4444;

  /* סולם המרווחים והרדיוסים מפרק 32 */
  --sp1:4px; --sp2:8px; --sp3:12px; --sp4:16px; --sp5:24px; --sp6:32px;
  --r:14px; --r-ctl:10px;

  /* טיפוגרפיה: Heebo לממשק, Inter למספרים ולאנגלית */
  --font-ui:"Heebo",system-ui,Arial,sans-serif;
  --font-num:"Inter","Heebo",system-ui,sans-serif;
  --font-display:"Heebo",system-ui,Arial,sans-serif;
  --fs-title:29px; --fs-kpi:34px; --fs-body:15px; --fs-sub:13px;

  --on-accent:#1A1405;
  --on-prog:#1a1200;
  --accent-t1:rgba(242,184,75,.09);
  --accent-t2:rgba(242,184,75,.16);
  --accent-t3:rgba(242,184,75,.28);
  --lost-t1:rgba(248,113,113,.10);
  --lost-t2:rgba(248,113,113,.16);
  --lost-t3:rgba(248,113,113,.42);
  --won-glow:rgba(52,211,153,.6);
  --scrim:rgba(4,7,16,.66);
  --sh1:0 10px 30px rgba(0,0,0,.42);
  --sh2:0 14px 40px rgba(0,0,0,.5);
  --sh3:0 24px 80px rgba(0,0,0,.55);
  --sh-drawer:20px 0 60px rgba(0,0,0,.45);
  --wa:#25D366;
}

:root[data-theme="light"]{
  --bg:#EEF1F8; --bg2:#FFFFFF; --surface:#FFFFFF; --surface2:#F5F7FC; --surface3:#E7EBF5;
  --line:#E2E7F1; --line2:#CBD3E3;
  --ink:#151D38; --ink2:#4A5570; --ink3:#74809A;
  --accent:#7C3AED; --accent-deep:#5B21B6; --accent-soft:rgba(124,58,237,.10); --accent-ink:var(--accent-deep);
  --indigo:#4F46E5;
  --new:#4F46E5; --prog:#B45309; --won:#047857; --lost:#DC2626;
  --new-vivid:#4F46E5; --prog-vivid:#F59E0B; --won-vivid:#10B981; --lost-vivid:#EF4444;

  --on-accent:#FFFFFF;
  --on-prog:#241700;
  --accent-t1:rgba(124,58,237,.06);
  --accent-t2:rgba(124,58,237,.13);
  --accent-t3:rgba(124,58,237,.30);
  --lost-t1:rgba(239,68,68,.07);
  --lost-t2:rgba(239,68,68,.13);
  --lost-t3:rgba(239,68,68,.40);
  --won-glow:rgba(16,185,129,.45);
  --scrim:rgba(21,29,56,.36);
  /* צל רק לחלון צף ולכרטיס מרכזי (פרק 32) — רך ונמוך */
  --sh1:0 6px 18px rgba(21,29,56,.09);
  --sh2:0 10px 28px rgba(21,29,56,.12);
  --sh3:0 18px 50px rgba(21,29,56,.16);
  --sh-drawer:14px 0 40px rgba(21,29,56,.14);
  --wa:#0F8B44;
}

*{box-sizing:border-box;margin:0}
html{direction:rtl}
body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.6;font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-num);font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
input,select{font:inherit;color:var(--ink)}
a{color:var(--accent-ink);text-decoration:none}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:99px}
::-webkit-scrollbar-track{background:transparent}

.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}
@media (max-width:900px){.shell{grid-template-columns:1fr}.side{display:none}}

/* ---------- סרגל צד ---------- */
.side{background:var(--bg2);border-left:1px solid var(--line);padding:20px 14px 16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:0;height:100vh}
.brand{display:flex;gap:11px;align-items:center}
.brand-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent-deep),var(--accent));color:var(--on-accent);font-family:var(--font-display);font-weight:800;font-size:15px}
.brand-name{font-family:var(--font-display);font-weight:800;font-size:18px}
.brand-sub{font-size:11px;color:var(--ink3)}
.side-search{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:7px 12px;font-size:13px;width:100%}
.side-search::placeholder{color:var(--ink3)}
.side-search:focus{outline:none;border-color:var(--accent)}
.client-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;margin:0 -6px;padding:0 6px}
.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;color:var(--ink2);text-align:right;width:100%;font-size:14px;border:1px solid transparent}
.nav-item:hover{background:var(--surface);color:var(--ink)}
.nav-item.active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-t3)}
.nav-item .cdot{width:8px;height:8px;border-radius:50%;flex:none}
.nav-item .n-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.nav-item .n-badges{display:flex;gap:5px;align-items:center;flex:none}
.badge{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface2);color:var(--ink3);font-family:var(--font-num)}
.badge.hot{background:var(--accent-t2);color:var(--accent-ink)}
.badge.warn{background:var(--lost-t2);color:var(--lost)}
.side-foot{font-size:12px;color:var(--ink3);border-top:1px solid var(--line);padding-top:12px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink3)}
.dot.live{background:var(--won);box-shadow:0 0 8px var(--won-glow)}

/* ---------- עמוד לקוח ---------- */
.main{padding:0 0 60px;min-width:0}
.client-head{padding:22px 28px 0;border-bottom:1px solid var(--line);background:var(--bg2)}
.ch-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ch-top h1{font-family:var(--font-display);font-weight:800;font-size:26px;display:flex;align-items:center;gap:12px}
.ch-top h1 .cdot{width:12px;height:12px;border-radius:4px;display:inline-block}
.ch-stats{display:flex;gap:20px;margin-inline-start:8px;flex-wrap:wrap}
.ch-stat{font-size:12px;color:var(--ink3)}
.ch-stat b{display:block;font-family:var(--font-num);font-size:17px;font-weight:500;color:var(--ink)}
.ch-stat.warn b{color:var(--lost)}
.ch-actions{margin-inline-start:auto;display:flex;gap:8px}
.btn{padding:7px 14px;border-radius:9px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:6px}
.btn:hover{border-color:var(--accent);color:var(--accent-ink)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.btn.primary:hover{filter:brightness(1.08);color:var(--on-accent)}
.btn.ghost{border-color:transparent;color:var(--ink2)}
.btn.ghost:hover{color:var(--accent-ink)}

/* טאבים של בורדים */
.tabs{display:flex;gap:2px;margin-top:16px;overflow-x:auto;padding-bottom:0}
.tab{padding:9px 16px 11px;font-size:14px;color:var(--ink2);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:7px;align-items:center}
.tab:hover{color:var(--ink)}
.tab.active{color:var(--accent-ink);border-bottom-color:var(--accent);font-weight:600}
.tab .badge{font-size:11px}

/* אנליטיקה */
.analytics{padding:18px 28px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;border-bottom:1px solid var(--line);background:var(--bg2)}
@media (max-width:1200px){.analytics{grid-template-columns:1fr 1fr}}
@media (max-width:800px){.analytics{grid-template-columns:1fr}}
.a-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;min-width:0}
.a-title{font-size:12px;letter-spacing:.08em;color:var(--ink3);margin-bottom:10px;display:flex;justify-content:space-between}
.stackbar{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--bg2);margin-bottom:10px}
.stackbar i{height:100%;min-width:2px}
.a-legend{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px;color:var(--ink2);max-height:76px;overflow-y:auto}
.a-legend .lg{display:flex;align-items:center;gap:5px;white-space:nowrap}
.a-legend .lg i{width:8px;height:8px;border-radius:2.5px;flex:none}
.a-legend .lg b{color:var(--ink3);font-weight:400;font-family:var(--font-num);font-size:11px}
.minibar{display:grid;grid-template-columns:minmax(70px,40%) 1fr 34px;gap:8px;align-items:center;padding:4px 0;font-size:12px;color:var(--ink2)}
.minibar .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minibar .track{height:7px;border-radius:99px;background:var(--bg2);overflow:hidden}
.minibar .track i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-deep),var(--accent));border-radius:99px}
.minibar .n{text-align:left;font-family:var(--font-num);font-size:12px}

/* פילטרים */
/* ⭐ עטיפת המסננים. בדסקטופ היא שקופה לחלוטין (`display:contents`)
   והפריסה הקיימת לא משתנה; בטלפון היא הופכת למגירה. ראה mobile.css. */
.f-more{display:contents}
.f-toggle{display:none;padding:7px 14px;border-radius:9px;border:1px solid var(--line2);
  background:var(--surface);font-size:13px;color:var(--ink2);gap:6px;align-items:center}
.f-toggle .caret{font-size:11px;opacity:.7}
.f-toggle .badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:99px;
  padding:0 6px;font-size:11px;font-weight:700}
.f-toggle.on{border-color:var(--accent);color:var(--accent-ink)}
.filterbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 28px;position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid var(--line)}
.f-search{background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:7px 13px;min-width:200px;font-size:13px}
.f-search:focus{outline:none;border-color:var(--accent)}
.f-search::placeholder{color:var(--ink3)}
.dd{position:relative}
.dd-btn{padding:7px 12px;border-radius:9px;border:1px solid var(--line2);background:var(--surface);font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:6px}
.dd-btn:hover{color:var(--ink)}
.dd-btn.on{border-color:var(--accent);color:var(--accent-ink)}
.dd-btn .caret{font-size:11px;opacity:.7}
.dd-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:30;background:var(--surface2);border:1px solid var(--line2);border-radius:11px;min-width:210px;max-height:300px;overflow-y:auto;padding:6px;box-shadow:var(--sh2)}
.dd-opt{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;font-size:13px;color:var(--ink2);cursor:pointer;user-select:none}
.dd-opt:hover{background:var(--surface3);color:var(--ink)}
.dd-opt input{accent-color:var(--accent)}
.dd-opt .swatch{width:9px;height:9px;border-radius:3px;flex:none}
.dd-opt .cnt{margin-inline-start:auto;font-size:11px;color:var(--ink3);font-family:var(--font-num)}
/* ⭐ טווח תאריכים שהמשתמש בוחר, לצד בורר הטווח. אותו גובה ואותה
   שפה של שאר הצ'יפים בשורה, כדי שזה ייראה חלק מהסינון ולא תוסף. */
.f-dates{display:inline-flex;align-items:center;gap:6px}
.f-dates input[type="date"]{font:inherit;font-size:13px;color:var(--ink2);
  background:var(--surface);border:1px solid var(--line2);border-radius:9px;
  padding:5px 8px;min-width:132px}
.f-dates input[type="date"]:hover{border-color:var(--ink3)}
.f-dates input[type="date"]:focus-visible{outline:2px solid var(--accent);
  outline-offset:1px;border-color:var(--accent)}
.f-dash{font-size:12px;color:var(--ink3)}
@media (max-width:640px){
  /* במובייל שני השדות יורדים לשורה משלהם ותופסים את הרוחב, אחרת
     בורר תאריכים בן 132 פיקסלים דוחף את שאר הסינון מהמסך. */
  .f-dates{width:100%;gap:8px}
  .f-dates input[type="date"]{flex:1;min-width:0}
}

.f-spacer{flex:1}
.f-count{font-size:13px;color:var(--ink3)}
.f-count b{color:var(--ink);font-family:var(--font-num);font-weight:500}
.f-clear{font-size:12px;color:var(--lost);padding:4px 8px;border-radius:7px}
.f-clear:hover{background:var(--lost-t1)}
.viewtoggle{display:flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.viewtoggle button{padding:6px 12px;font-size:13px;color:var(--ink3);background:var(--surface)}
.viewtoggle button.on{background:var(--accent-soft);color:var(--accent-ink)}

/* טבלה */
.content{padding:16px 28px}
.tablewrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}
/* min-width שייך לטבלת הלידים בלבד — היא יושבת בתוך .tablewrap שגולל.
   ככלל גורף הוא מתח את כל הדף ל-820px בכל מסך שיש בו טבלה. */
.tablewrap table{min-width:820px}
table{border-collapse:collapse;width:100%;font-size:14px}
th{text-align:right;font-size:11px;letter-spacing:.06em;color:var(--ink3);font-weight:600;padding:10px 14px;border-bottom:1px solid var(--line2);background:var(--surface2);white-space:nowrap;user-select:none}
.tablewrap th{position:sticky;top:0;cursor:pointer}
th:hover{color:var(--ink)}
th .arrow{font-size:11px;margin-inline-start:4px;color:var(--accent-ink)}
/* nowrap+max-width נכתבו לטבלת הלידים. מחוץ לה הם מונעים גלישת שורה
   ומרחיבים את הדף. */
.tablewrap td{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td{padding:9px 14px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:middle}
tbody tr{cursor:pointer}
tbody tr:hover td{background:var(--surface2)}
tr:last-child td{border-bottom:none}
td .lead-name{color:var(--ink);font-weight:600}
td .lead-board{font-size:11px;color:var(--ink3)}
.phone-cell{display:flex;align-items:center;gap:7px;white-space:nowrap}
.phone-cell a{opacity:.75}
.phone-cell a:hover{opacity:1}
.pill{font-size:12px;padding:3px 11px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-weight:500}
.status-cell{position:relative}
.status-pill{cursor:pointer;border:1px solid transparent}
.status-pill:hover{border-color:currentColor}
.src{font-size:12px;color:var(--ink3)}
.cell-edit{background:transparent;border:1px dashed transparent;border-radius:6px;padding:2px 6px;min-width:60px;font-size:13px;color:var(--ink2);width:100%}
.cell-edit:hover{border-color:var(--line2)}
.cell-edit:focus{outline:none;border:1px solid var(--accent);background:var(--bg2)}
.empty{padding:36px;text-align:center;color:var(--ink3)}
.empty.big{padding:120px 30px;font-size:15px}
.pager{display:flex;align-items:center;gap:12px;justify-content:flex-end;padding:12px 4px;font-size:13px;color:var(--ink3)}
.pager button{border:1px solid var(--line2);background:var(--surface);border-radius:8px;padding:5px 12px;color:var(--ink2);font-size:13px}
.pager button:disabled{opacity:.35;cursor:default}
.pager button:not(:disabled):hover{border-color:var(--accent);color:var(--accent-ink)}

/* קנבן */
.kanban{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 16px;align-items:flex-start}
.kcol{flex:0 0 265px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);max-height:70vh;display:flex;flex-direction:column}
.kcol-head{padding:11px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);position:sticky;top:0}
.kcol-head i{width:9px;height:9px;border-radius:3px}
.kcol-head .t{font-weight:600;font-size:13px}
.kcol-head .n{margin-inline-start:auto;font-size:11px;color:var(--ink3);font-family:var(--font-num)}
.kcol-body{overflow-y:auto;padding:9px;display:flex;flex-direction:column;gap:8px}
.kcard{background:var(--surface2);border:1px solid var(--line2);border-radius:10px;padding:10px 12px;cursor:pointer}
.kcard:hover{border-color:var(--accent)}
.kcard .t{font-weight:600;font-size:13px;color:var(--ink)}
.kcard .m{font-size:12px;color:var(--ink3);display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.kcard-name{display:block;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.kcard-name span,.lead-edit-mark{opacity:0;color:var(--ink3);font-size:12px;margin-inline-start:4px}
.kcard:hover .kcard-name span,.lead-rename:hover .lead-edit-mark,.kcard-name:focus span,.lead-rename:focus .lead-edit-mark{opacity:1}
.kcard-acts{display:grid;grid-template-columns:34px 34px minmax(0,1fr);gap:6px;margin-top:9px;align-items:center}
.kcard-acts a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;color:var(--ink2);background:var(--surface)}
.kcard-acts a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.kcard-acts select{min-width:0;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px}
.lead-rename{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-align:start;cursor:pointer;max-width:100%}
/* לחיצה ארוכה לשינוי שם: בלי בחירת טקסט ותפריט של iOS, ומילוי שמראה שמחזיקים */
.lead-rename,.kcard-name{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lead-rename.rename-hold,.kcard-name.rename-hold{background:linear-gradient(to left,var(--accent-soft,#e3f3ec) 0 0) no-repeat;animation:renameHold 3s linear forwards}
@keyframes renameHold{from{background-size:0 100%}to{background-size:100% 100%}}
@media (prefers-reduced-motion:reduce){.lead-rename.rename-hold,.kcard-name.rename-hold{animation:none;background-size:100% 100%}}
.tk-title-row{display:flex;align-items:flex-start;gap:6px;min-width:0}
.tk-title-edit{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:6px;background:var(--surface2);color:var(--ink2);font:inherit;cursor:pointer}
.cal-unified-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.cal-unified-head h2{margin:0;font-size:22px}

/* מגירה */
.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:var(--scrim);z-index:40}
/* המגירה היא עמודה: כותרת קבועה למעלה וגוף שגולל, כדי ששם הליד
   והסטטוס יישארו גלויים גם כשההיסטוריה ארוכה. הריפוד עבר לחלקים
   הפנימיים. */
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(640px,95vw);z-index:50;background:var(--surface);border-inline-end:1px solid var(--line2);box-shadow:var(--sh-drawer);display:flex;flex-direction:column;overflow:hidden}
.d-head{display:flex;align-items:flex-start;gap:10px}
.d-head h2{font-family:var(--font-display);font-size:23px;font-weight:800;line-height:1.2}
.d-close{margin-inline-start:auto;color:var(--ink3);font-size:19px;padding:2px 8px}
.d-close:hover{color:var(--ink)}
.d-sub{color:var(--ink3);font-size:13px;margin:4px 0 16px}
.d-status-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.d-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}
.d-field{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.d-field .f-l{font-size:11px;color:var(--ink3)}
.d-field .f-v{font-size:14px;color:var(--ink);word-break:break-word}
.d-field input{background:transparent;border:none;width:100%;font-size:14px;padding:0}
.d-field input:focus{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}
.d-actions{display:flex;gap:8px;margin-bottom:18px}
.d-actions .btn{flex:1;justify-content:center}
.d-sec{font-size:11px;letter-spacing:.1em;color:var(--ink3);margin:16px 0 8px}
.note-box{display:flex;gap:8px;margin-bottom:12px}
.note-box input{flex:1;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:8px 12px;font-size:13px}
.note-box input:focus{outline:none;border-color:var(--accent)}
.timeline{border-inline-start:2px solid var(--line);padding-inline-start:15px}
.t-item{position:relative;padding:7px 0}
.t-item::before{content:"";position:absolute;inset-inline-start:-20px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--ink3)}
.t-item.note::before{background:var(--accent)}
.t-item.webhook::before{background:var(--new)}
.t-item.status::before{background:var(--prog)}
.t-item .t-text{font-size:13px;color:var(--ink)}
.t-item .t-meta{font-size:11px;color:var(--ink3)}

/* מודאל */
.modal{position:fixed;top:50%;right:50%;transform:translate(50%,-50%);z-index:60;background:var(--bg2);border:1px solid var(--line2);border-radius:16px;padding:24px 26px;width:min(430px,94vw);box-shadow:var(--sh3)}
.modal h3{font-family:var(--font-display);font-size:19px;margin-bottom:14px}
.m-field{margin-bottom:12px}
.m-field label{display:block;font-size:12px;color:var(--ink3);margin-bottom:4px}
.m-field input,.m-field select{width:100%;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:8px 12px;font-size:14px}
.m-field input:focus,.m-field select:focus{outline:none;border-color:var(--accent)}
.m-foot{display:flex;gap:8px;justify-content:flex-start;margin-top:16px}
.m-foot.ppl-more{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);flex-wrap:wrap}
.btn.danger{color:var(--lost)}

/* חיבורים */
.hook-details{margin:18px 28px 0}
.hook-details summary{cursor:pointer;color:var(--ink3);font-size:13px}
.hook-details summary:hover{color:var(--ink2)}
.hook-box{background:var(--surface);border:1px dashed var(--line2);border-radius:var(--r);padding:13px 16px;margin-top:8px}
.hook-box>code{display:block;direction:ltr;text-align:left;font-family:var(--font-num);font-size:11px;color:var(--accent-ink);background:var(--bg);border-radius:8px;padding:7px 10px;overflow-x:auto;white-space:nowrap}
.hook-box .h-lbl{font-size:12px;color:var(--ink2);margin-bottom:5px;font-weight:600}
.hook-box .copyable{cursor:pointer;border:1px solid transparent;transition:border-color .15s,color .15s}
.hook-box .copyable:hover{border-color:var(--accent)}
.hook-box .copyable.copied{color:var(--won);border-color:currentColor}
.hook-box .copyable.copied::after{content:" ✓ הועתק";direction:rtl}
.hook-box .h-warn{font-size:12px;color:var(--prog);margin-top:7px;line-height:1.55}
.hook-box .h-n{font-size:12px;color:var(--ink3);margin-top:8px;line-height:1.7}
.hook-box .h-n code{font-family:var(--font-num);font-size:11px;color:var(--ink2);background:var(--bg);border-radius:4px;padding:1px 5px;direction:ltr;display:inline-block}

.toast{position:fixed;bottom:22px;right:50%;transform:translateX(50%);background:var(--surface3);border:1px solid var(--line2);color:var(--ink);border-radius:10px;padding:9px 18px;font-size:13px;z-index:19990;box-shadow:var(--sh1)}
/* רכיב הודעה אחד (09/10/2026): ירוקה עם "ביטול" לפעולה הפיכה, אדומה בשפה פשוטה בתקלה */
.toast{display:flex;align-items:center;gap:12px;pointer-events:none;max-width:min(560px,calc(100vw - 24px));line-height:1.45}
.toast .t-m{flex:1;min-width:0}
.toast.t-ok{border-color:color-mix(in srgb,var(--won) 55%,var(--line2));border-inline-start:4px solid var(--won-vivid)}
.toast.t-err{border-color:color-mix(in srgb,var(--lost) 60%,var(--line2));border-inline-start:4px solid var(--lost-vivid);font-weight:600}
.toast .t-act{pointer-events:auto;flex:none;font:inherit;font-size:13px;font-weight:800;color:var(--accent-deep,var(--accent));background:transparent;
  border:1px solid currentColor;border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer}
.toast .t-act:hover{background:var(--accent-soft)}
.toast .t-act:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
:root[data-theme="dark"] .toast .t-act{color:var(--accent-ink)}
.state.st-err b{color:var(--lost)}

/* ---------- עסק חדש ---------- */
.add-client{width:100%;justify-content:center;border-style:dashed;color:var(--ink2);font-size:13px;padding:8px}
.add-client:hover{border-style:solid}
.color-row{display:flex;gap:7px}
.color-row .sw{width:26px;height:26px;border-radius:7px;border:2px solid transparent}
.color-row .sw.on{border-color:var(--ink);transform:scale(1.08)}

/* ---------- אחוזים בהתפלגות ---------- */
.pct-block{margin-top:12px;border-top:1px solid var(--line);padding-top:9px}
.pct-row{display:grid;grid-template-columns:1fr 46px 116px;gap:8px;align-items:center;font-size:12px;color:var(--ink2);padding:3px 0}
.pct-row.head{font-size:11px;letter-spacing:.06em;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:5px;margin-bottom:3px}
.pct-row.head span:nth-child(2),.pct-row.head span:nth-child(3){text-align:left}
.pct-row .pl{display:flex;align-items:center;gap:6px}
.pct-row .pl i{width:8px;height:8px;border-radius:2.5px;flex:none}
.pct-row .mono{text-align:left;font-family:var(--font-num);font-size:12px}
.pct-row .pb{position:relative;height:15px;background:var(--bg2);border-radius:99px;overflow:hidden;display:flex;align-items:center}
.pct-row .pb i{position:absolute;inset-inline-start:0;top:0;height:100%;opacity:.35;border-radius:99px}
.pct-row .pb b{position:relative;font-family:var(--font-num);font-size:11px;font-weight:500;color:var(--ink);padding-inline-start:7px}
.pct-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;padding-top:7px;border-top:1px solid var(--line);font-size:12px;color:var(--ink3);flex-wrap:wrap}
.pct-foot b{color:var(--accent-ink);font-family:var(--font-num)}
.pct-foot em{font-style:normal;opacity:.75}

/* ---------- סימון שורות + סרגל פעולות ---------- */
.cb-col{width:36px;text-align:center;padding-inline:10px!important}
.cb-col input{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}
tbody tr.sel td{background:var(--accent-t1)}
tbody tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
.bulkbar{position:fixed;bottom:20px;right:50%;transform:translateX(50%);z-index:70;display:flex;align-items:center;gap:6px;background:var(--surface3);border:1px solid var(--line2);border-radius:13px;padding:9px 12px;box-shadow:var(--sh3);max-width:94vw;overflow:visible;flex-wrap:wrap;justify-content:center}
/* 07/10/2026 (SDH): עם overflow-x:auto התפריטים שנפתחים למעלה (סטטוס, בורד, 👤 נציג) נחתכו בתוך הסרגל ולא נראו בכלל במחשב */
.bb-count{font-size:13px;color:var(--ink2);white-space:nowrap;padding-inline-end:4px}
.bb-count b{font-family:var(--font-num);color:var(--accent-ink);font-size:15px}
.bb-link{font-size:12px;color:var(--accent-ink);text-decoration:underline;white-space:nowrap}
.bb-sep{width:1px;height:22px;background:var(--line2);margin:0 4px;flex:none}
.bb-act{font-size:13px;color:var(--ink2);padding:6px 11px;border-radius:9px;white-space:nowrap;border:1px solid transparent}
.bb-act:hover{background:var(--surface);color:var(--ink);border-color:var(--line2)}
.bb-act.danger:hover{color:var(--lost);border-color:var(--lost-t3)}
.bb-close{color:var(--ink3);padding:4px 8px;font-size:15px}
.bb-close:hover{color:var(--ink)}
.dd-panel.up{top:auto;bottom:calc(100% + 8px)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- סידור, שינוי שם ומחיקה ---------- */
.n-grip{color:var(--ink3);font-size:12px;line-height:1;flex:none;cursor:grab;opacity:0;transition:opacity .12s}
.nav-item:hover .n-grip,.nav-item.active .n-grip{opacity:.75}
.nav-item[draggable="true"]{cursor:default}
.nav-item.dragging{opacity:.45;background:var(--surface3);cursor:grabbing}
.nav-item.dragging .n-grip{opacity:1;cursor:grabbing}

.btn.danger,.btn.ghost.danger{color:var(--ink3)}
.btn.danger:hover,.btn.ghost.danger:hover{color:var(--lost);border-color:var(--lost-t3);background:var(--lost-t1)}
.btn.danger-solid{background:var(--lost);border-color:var(--lost);color:var(--on-accent);font-weight:700}
.btn.danger-solid:hover:not(:disabled){filter:brightness(1.08);color:var(--on-accent)}
/* כפתור מחיקה מושבת: גלוי וקריא, ולא דהוי.
   opacity על כפתור מלא מדהה גם את הרקע וגם את הטקסט הלבן יחד, והכפתור
   נעלם לתוך הדיאלוג הלבן. דולב, 07/10/2026: "כשאני רוצה למחוק זה לא
   מראה לי את הלחצן של מחיקה, הוא לבן". ⛔ כפתור שלא רואים נקרא כתקלה:
   מי שהקליד את השם כבר לא יודע מה נשאר לעשות. */
.btn.danger-solid:disabled{opacity:1;cursor:not-allowed;filter:none;
  background:var(--lost-t1);border-color:var(--lost-t3);color:var(--lost)}
/* ⛔ 11/10/2026 (דולב, מחיקת בורד): בממשק החדש `html[data-ui="2"] .btn` (ui2.css) חזק יותר
   מ-.btn.danger-solid ודרס את הרקע ל-surface. במצב פעיל (אחרי שהשם הוקלד נכון) נשאר טקסט לבן
   על רקע לבן: הכפתור נעלם אבל עדיין נלחץ. כאן הספציפיות גבוהה יותר, ובצבע אדום כהה קבוע כדי
   שהטקסט הלבן יהיה קריא בבהיר ובכהה (ניגודיות 4.8 ומעלה). */
html[data-ui] .btn.danger-solid:not(:disabled){background:#DC2626;border-color:#DC2626;color:#fff;font-weight:700}
html[data-ui] .btn.danger-solid:not(:disabled):hover{background:#B91C1C;border-color:#B91C1C;color:#fff;filter:none}
html[data-ui][data-theme="dark"] .btn.danger-solid:not(:disabled){background:#C81E1E;border-color:#F87171;color:#fff}
html[data-ui][data-theme="dark"] .btn.danger-solid:not(:disabled):hover{background:#B91C1C}
html[data-ui] .btn.danger-solid:disabled{background:var(--lost-t1);border-color:var(--lost-t3);color:var(--lost)}
html[data-ui] .btn.danger-solid:focus-visible{outline:3px solid var(--lost-t3);outline-offset:2px}

.m-note{font-size:12px;color:var(--ink3);line-height:1.6;margin-top:-4px}
.m-warn{background:var(--lost-t1);border:1px solid var(--lost-t3);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--ink2);line-height:1.65;margin-bottom:14px}
.m-warn b{color:var(--lost)}
#nlDup[hidden]{display:none}
.nl-dup-who{margin-top:4px;color:var(--ink);overflow-wrap:anywhere}
.nl-dup-name{font-weight:600}
.nl-dup-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.nl-dup-acts .btn{flex:1 1 auto;min-height:40px}
.m-warn-ok{color:var(--ink3);font-size:12px;margin-top:7px;border-top:1px solid var(--line);padding-top:7px}
.m-warn-ok code{font-family:var(--font-num);font-size:11px;background:var(--bg);border-radius:4px;padding:1px 5px;direction:ltr;display:inline-block}

#btnTheme{font-variant-emoji:text}

/* ---------- מסך צר ----------
 * הכלל למעלה (@media max-width:900px) לא תפס: .side מוגדר אחריו ומחזיר
 * display:flex. הבלוק כאן בסוף הקובץ הוא זה שקובע בפועל.
 * הסרגל לא נעלם — הוא נערם מעל התוכן, אחרת אין דרך לעבור בין עסקים. */
@media (max-width:900px){
  .side{position:static;height:auto;max-height:52vh;border-left:none;
        border-bottom:1px solid var(--line)}
  .client-nav{max-height:30vh}
  .client-head,.analytics,.filterbar,.content{padding-inline:16px}
}

/* .bulkbar מגדיר display:flex, שגובר על [hidden] של הדפדפן — ולכן הוא צויר
 * כפס ריק בתחתית כל מסך. בכהה הוא נבלע ברקע, בבהיר הוא נראה. */
[hidden]{display:none !important}

/* ── אנשים ─────────────────────────────────────────────────────────
   הטאב השלישי במסך העסק. ההוספה הייתה קבורה במגירה בשם "מה הלקוח
   רואה", וזה מקום שאיש לא מחפש בו פעולה חוזרת. */
.ppl-head{display:flex;align-items:flex-start;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin-bottom:16px}
.ppl-head h3{margin:0 0 3px;font-size:17px;font-weight:600}
.ppl-head p{margin:0;color:var(--ink3);font-size:13px}
.ppl-list{display:flex;flex-direction:column;gap:8px}
.ppl-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}
.ppl-av{flex:none;width:34px;height:34px;border-radius:99px;display:grid;place-items:center;
  background:var(--accent-t2);color:var(--accent-ink);font-weight:700;font-size:13px}
.ppl-who{min-width:130px}
.ppl-who b{display:block;font-size:14px}
.ppl-sub{font-size:12px;color:var(--ink3)}
.ppl-boards{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
.ppl-pill{font-size:12px;padding:3px 10px;border-radius:99px;
  background:var(--surface3);color:var(--ink2);white-space:nowrap}
.ppl-pill.own{background:var(--accent-t2);color:var(--accent-ink);font-weight:600}
.ppl-pill.role{background:var(--surface3,var(--surface2));color:var(--ink);font-weight:700}
/* מי שאין לו אף בורד ייכנס ולא יראה כלום — זה נאמר ולא מוסתר. */
.ppl-pill.none{background:var(--lost-t1);color:var(--lost)}
.ppl-edit{flex:none}

.ppl-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ppl-seg button{border:1px solid var(--line2);background:var(--bg2);color:var(--ink2);
  border-radius:10px;padding:11px 8px;font:inherit;font-size:13px;cursor:pointer;text-align:center}
.ppl-seg button small{display:block;font-size:11px;color:var(--ink3);margin-top:2px}
.ppl-seg button.on{border-color:var(--accent);background:var(--accent-soft);
  color:var(--accent-ink);font-weight:600}
.ppl-seg button.on small{color:var(--accent-ink)}
.ppl-boxes{border:1px solid var(--line);border-radius:10px;background:var(--bg2);
  padding:2px 12px;max-height:210px;overflow-y:auto}
.ppl-box{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;
  border-bottom:1px solid var(--line);cursor:pointer}
.ppl-boxes .ppl-box:last-child{border-bottom:0}
.ppl-box i{color:var(--ink3);font-size:12px;font-style:normal}
.ppl-box.solo{border:0;padding:4px 0 0}


/* כותרת קבוצה בסרגל — לידים מול איקומרס. */
.nav-head{display:flex;align-items:center;justify-content:space-between;
  padding:14px 12px 6px;font-size:11px;font-weight:600;letter-spacing:.08em;
  color:var(--ink3);text-transform:uppercase}
.nav-head span{font-family:var(--font-num);font-size:11px;
  background:var(--surface2);border-radius:99px;padding:1px 8px;letter-spacing:0}
.nav-head:first-child{padding-top:4px}


/* בורר הקמפיין בסקירה. */
.c-scope{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.c-scope label{font-size:12px;color:var(--ink3)}
.c-scope select{background:var(--surface);color:var(--ink);border:1px solid var(--line2);
  border-radius:9px;padding:7px 11px;font:inherit;font-size:13px;max-width:100%}
.c-none-inline{font-size:12px;color:var(--ink3)}
/* השוואת קמפיינים */
.cmp-services{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:8px 0}
.cmp-reps{margin:14px 0}
.cmp-reps-scroll{overflow-x:auto}
.cmp-reps-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.cmp-reps-table th,.cmp-reps-table td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.cmp-reps-table th{color:var(--ink3);font-weight:500;font-size:12px}
.cmp-reps-table tr.best td{background:color-mix(in srgb, var(--accent) 8%, transparent)}
.cmp-reps-table td.warn,.cmp-reps-table .warn{color:#c2410c}
.cmp-reps-table tr.grp th{font-size:11px;letter-spacing:.02em;text-transform:uppercase;border-bottom:none;padding-bottom:0}
.cmp-reps-table tr.grp th.grp-all{color:var(--ink3)}
.cmp-reps-table th.grp-card,.cmp-reps-table tr.grp th.grp-card{border-right:2px solid var(--line);color:var(--accent-ink)}
.cmp-reps-table td:nth-child(9),.cmp-reps-table td:nth-child(12),.cmp-reps-table td:nth-child(15),.cmp-reps-table td:nth-child(18){border-right:2px solid var(--line)}
.cmp-reps-table td.rep-none{color:var(--ink3)}
.cmp-reps-table tr.sel td{background:color-mix(in srgb, var(--accent) 14%, transparent)}
.cmp-forms{margin:8px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.cmp-form-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px dashed var(--line)}
.cmp-form-row:first-of-type{border-top:0}
.cmp-form-row select{max-width:46%}
.cmp-answers{margin:2px 0 8px 0;padding:4px 10px;border-radius:8px;background:var(--bg)}
.cmp-answers summary{cursor:pointer;font-size:13px;color:var(--ink3)}
.cmp-q{margin:6px 0}
.cmp-q > b{display:block;margin:4px 0;font-size:13px}
.cmp-head{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.cmp-range{font-family:var(--font-num);font-size:13px;color:var(--ink2);display:flex;align-items:center;gap:10px}
.cmp-pick{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--surface);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.chip .cnt{font-family:var(--font-num);font-size:11px;color:var(--ink3)}
.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}
/* 07/10/2026: שורת הסינון מסמנת צ'יפ פעיל ב-active ("ממתינים 24ש+", "מעורב/ת", "הלידים שלי", "מולא"), ועד היום לא היה לזה עיצוב */
.chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:600}
.cmp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.cmp-card{position:relative;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--bg2)}
.cmp-card.best{border:2px solid var(--accent)}
.cmp-badge{position:absolute;top:-10px;inset-inline-start:14px;background:var(--accent);color:var(--on-accent);font-size:11px;padding:2px 10px;border-radius:999px}
.cmp-title{font-weight:700;font-size:14px;margin-top:4px}
.cmp-sub{font-size:12px;color:var(--ink3);margin-bottom:10px}
.cmp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cmp-bar{display:flex;align-items:center;gap:8px;font-size:12px;margin:3px 0}
.cmp-bar span{width:64px;color:var(--ink2)}.cmp-bar b{width:34px;text-align:left;font-family:var(--font-num);font-weight:500}
.cmp-track{flex:1;height:9px;background:var(--surface2);border-radius:5px;overflow:hidden}.cmp-track i{display:block;height:100%;border-radius:5px}
.cmp-mix{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--surface2)}
.cmp-mix i,.cmp-legend i{display:inline-block}
.cmp-mix i{height:100%}.cmp-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--ink2);margin-top:4px}
.cmp-legend i{width:9px;height:9px;border-radius:2px;margin-inline-end:4px;vertical-align:-1px}
.m0{background:#7F77DD}.m1{background:#5DCAA5}.m2{background:#F0997B}.m3{background:#85B7EB}.m4{background:#B4B2A9}
.cmp-list div{display:flex;justify-content:space-between;font-size:13px;padding:2px 0}.cmp-list b{color:var(--ink3);font-weight:500}
.cmp-care{display:flex;gap:14px;flex-wrap:wrap;font-size:13px}.cmp-care .warn{color:var(--lost)}
.cmp-rec{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--bg2);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:14px}
.cmp-actions{display:flex;gap:8px;flex-wrap:wrap}
.cmp-actions a{text-decoration:none}
.c-cal-btn{display:inline-flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);
  border:1px solid var(--line2);border-radius:9px;padding:7px 11px;font:inherit;font-size:13px;cursor:pointer}
.c-cal-btn:hover{border-color:var(--accent)}
.c-cal-btn.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}
.c-cal-ico{font-size:12px;opacity:.7}
.c-cal{position:absolute;z-index:40;margin-top:6px;display:flex;gap:0;background:var(--bg2);border:1px solid var(--line2);
  border-radius:14px;box-shadow:var(--sh-drawer);overflow:hidden}
.c-scope{position:relative}
.c-cal-side{display:flex;flex-direction:column;gap:4px;padding:12px 10px;border-inline-start:1px solid var(--line);background:var(--surface2);min-width:120px}
.c-preset{text-align:right;background:none;border:0;border-radius:8px;padding:7px 10px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.c-preset:hover{background:var(--surface3)}
.c-preset.on{background:var(--accent);color:var(--on-accent)}
.c-cal-main{padding:12px 14px;min-width:520px}
.c-cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.c-cal-sel{font-family:var(--font-num);font-size:12px;color:var(--ink2);direction:rtl}
.c-cal-sel b{font-family:inherit;font-weight:600;margin:0 6px;color:var(--ink3)}
.c-months{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.c-month-h{text-align:center;font-weight:700;font-size:13px;margin-bottom:6px}
.c-dow{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;color:var(--ink3);text-align:center;margin-bottom:2px}
.c-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.c-day{height:32px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer;
  font-variant-numeric:tabular-nums}
.c-day:hover:not(:disabled){background:var(--surface3)}
.c-day.today{box-shadow:inset 0 0 0 1px var(--line2)}
.c-day.in{background:var(--accent-soft);border-radius:0}
.c-day.edge{background:var(--accent);color:var(--on-accent);font-weight:700}
.c-day.future,.c-day:disabled{color:var(--ink3);opacity:.45;cursor:default}
.c-cal-foot{display:flex;align-items:center;gap:8px;margin-top:10px;justify-content:flex-end}
.c-cal-foot .c-hint{margin-inline-end:auto}
@media (max-width:720px){.c-cal{flex-direction:column;position:fixed;inset:auto 8px 8px 8px}.c-cal-main{min-width:0}.c-months{grid-template-columns:1fr}.c-cal-side{flex-direction:row;flex-wrap:wrap;border:0;border-bottom:1px solid var(--line)}}
.c-range{display:inline-flex;align-items:center;gap:6px}
.c-range input[type=date]{background:var(--surface);color:var(--ink);border:1px solid var(--line2);
  border-radius:9px;padding:6px 9px;font:inherit;font-size:13px;direction:ltr;min-width:0}
.c-range-sep{font-size:12px;color:var(--ink3)}
.c-range-on{font-family:var(--font-num);font-size:12px;color:var(--accent-ink);
  background:var(--accent-soft);border-radius:999px;padding:3px 10px;direction:ltr;unicode-bidi:isolate}


/* הקמפיינים של העסק הפתוח, בתוך הסרגל. */
.nav-subs{display:flex;flex-direction:column;gap:2px;margin:2px 0 8px;
  padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.nav-sub{display:flex;align-items:center;gap:8px;width:100%;text-align:start;
  background:none;border:0;color:var(--ink3);font:inherit;font-size:13px;
  padding:6px 10px;border-radius:8px;cursor:pointer}
.nav-sub:hover{background:var(--surface2);color:var(--ink2)}
.nav-sub.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}
.nav-sub .s-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* מקטע פתוח שהיה מגירה. */
.c-open{margin-top:22px}

/* ── מסמך ההקמה (07/09/2026): סרגל קבוע, ניהול לקוחות, כרטיס עסק, הגדרות, חלוניות ── */
.nav-fixed{display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);padding-bottom:10px}
.manage-table th{white-space:nowrap}
.manage-table td{white-space:normal;vertical-align:top}
.link-name{background:none;border:0;color:var(--ink);font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-align:right;font-size:14px}
.link-name:hover{color:var(--accent-ink)}
.link-cell{background:none;border:0;color:var(--ink2);cursor:pointer;text-align:right;font-size:13px;text-decoration:none}
.link-cell:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.st{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;border:1px solid var(--line2);color:var(--ink2)}
.st-active{color:var(--won);border-color:var(--won)}
.st-pending{color:var(--new);border-color:var(--new)}
.st-suspended{color:var(--prog);border-color:var(--prog)}
.st-inactive,.st-prospect{color:var(--ink3)}
.pill{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;background:var(--surface2)}
.pill.lost{color:var(--lost);border-color:var(--lost)}
.pill.prog{color:var(--prog);border-color:var(--prog)}
.pill.won{color:var(--won);border-color:var(--won)}
.pill.muted{color:var(--ink3)}
.bud{font-size:13px;white-space:nowrap}
.muted{color:var(--ink3)}
.mg-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.pop{position:absolute;z-index:70;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;min-width:240px;max-width:360px;box-shadow:var(--sh3);font-size:13px}
.pop-title{font-size:11px;letter-spacing:.08em;color:var(--ink3);margin:6px 0 4px}
.pop-row{display:flex;gap:8px;align-items:center;padding:3px 0}
.pop-actions{display:flex;gap:8px;margin-top:8px}
.pop-list{margin:4px 0;padding-right:18px}
.pop-note{color:var(--ink3);font-size:12px;margin-top:6px}
.pop-body{margin:4px 0}
.card-body{padding:0 20px 20px;overflow:auto;flex:1}
.cf{margin-bottom:10px}
.cf label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink3);margin-bottom:4px}
.cf input,.cf select,.cf textarea{width:100%;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:7px 10px;font-size:13px}
.cf input:focus,.cf select:focus,.cf textarea:focus{outline:none;border-color:var(--accent)}
.cf input[readonly]{background:var(--surface2);color:var(--ink2)}
/* min-width:0 על התאים: בלי זה שדה עם placeholder ארוך מרחיב את העמודה
   מעבר ל-1fr, והתוכן נדחף אל מחוץ לכרטיס ונחתך בשקט. */
.cf2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cf2 > *{min-width:0}
.cf input,.cf select,.cf textarea{max-width:100%}
.cf3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cf3 > *{min-width:0}
/* שדות שיושבים ישירות בשורת הרשת, בלי עטיפת .cf סביבם (המסחרי). בלי זה
   הם מקבלים את רוחב ברירת המחדל של הדפדפן ולא את רוחב העמודה. */
.cf2 > input,.cf2 > select,.cf3 > input,.cf3 > select{width:100%;max-width:100%;
  background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:7px 10px;font-size:13px}
.cf2 > input:focus,.cf2 > select:focus,.cf3 > input:focus,.cf3 > select:focus{outline:none;border-color:var(--accent)}
.cks{display:flex;gap:10px;flex-wrap:wrap}
.ck{display:flex;gap:5px;align-items:center;font-size:13px}
.rowl{display:grid;grid-template-columns:auto 1fr 1fr auto auto;gap:6px;align-items:center;margin-bottom:6px}
.rowl input,.rowl select{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font-size:13px;min-width:0}
#plats .rowl{grid-template-columns:auto 1fr 1fr auto 1fr auto}
.changes{font-size:12px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.chg span{color:var(--ink3)}
.chg em{font-style:normal;color:var(--ink)}
.d-foot{display:flex;gap:12px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}
.settings-grid{display:flex;flex-direction:column;gap:6px}
.s-row{display:grid;grid-template-columns:1.4fr 160px 1fr;gap:12px;align-items:center;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line)}
.s-row.custom .s-he{color:var(--accent-ink)}
.s-he small{display:block;color:var(--ink3);font-size:11px}
.s-row input,.s-row select{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font-size:13px}
.s-meta{font-size:12px;color:var(--ink3)}
.card.sec{margin:0 0 14px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:14px 28px}

/* ── בורד משימות ── */
.tasks-table td{white-space:normal;vertical-align:middle}
.tasks-table tr.today td{background:var(--accent-soft)}
.tasks-table tr.sel td{background:var(--surface2)}
.tasks-table tr.dragging{opacity:.4}
.tk-sub{font-size:12px;color:var(--ink3);margin-top:2px}
.tst{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;border:1px solid}
.prio{font-size:12px;color:var(--ink3)}.prio.p1{color:var(--prog)}.prio.p2{color:var(--lost)}
.urg{display:inline-block;background:var(--lost);color:#fff;border-radius:50%;width:16px;height:16px;font-size:11px;text-align:center;line-height:16px;margin-left:6px}
.sel{background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:6px 10px;font-size:13px}
.c-hint.warn{color:var(--prog)}
.ac-list{display:flex;flex-direction:column;gap:6px}
.ac-row{display:grid;grid-template-columns:200px 1fr auto auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}
.ac-name{display:flex;align-items:center;gap:8px;font-weight:600}
.ac-camps{display:flex;gap:6px;flex-wrap:wrap}
.camp{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--line2);color:var(--ink2)}
.camp.on{border-color:var(--won)}.camp.off{color:var(--ink3)}
.camp-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed var(--line);font-size:13px}
.hist-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px 28px}
.hist-bar input,.hist-bar select{background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:6px 10px;font-size:13px}
.tb-hist{padding-bottom:20px}
.undo-bar{background:var(--accent-soft);border:1px solid var(--accent);border-radius:9px;padding:8px 12px;font-size:13px;margin:10px 0;display:flex;gap:8px;align-items:center}
.inline{display:flex;gap:8px;align-items:center}
.rowl2{display:flex;gap:8px;align-items:center;font-size:13px;margin-bottom:4px}
.upd-list{display:flex;flex-direction:column;gap:8px}
.upd{background:var(--surface2);border-radius:10px;padding:8px 12px;font-size:13px}
.upd.system,.upd.auto{background:transparent;border:1px dashed var(--line);color:var(--ink2)}
.upd-h{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--ink3)}
.upd-h b{color:var(--ink)}
.upd-t{margin-top:4px;white-space:pre-wrap}
.upd-hist{font-size:12px;color:var(--ink3);margin-top:4px}
.upd-new{margin-top:12px}
.upd-new textarea{width:100%;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:8px 10px;font-size:13px;margin-bottom:6px}
.st-list{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.st-row{display:grid;grid-template-columns:36px 1fr auto auto;gap:8px;align-items:center}
.st-row input[type=text],.st-row input:not([type]){background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font-size:13px}
.st-add{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin:10px 0}
.st-add input,.st-add select{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font-size:13px}
.m-actions{display:flex;gap:8px;margin-top:14px}
.m-field textarea{width:100%;background:var(--surface);border:1px solid var(--line2);border-radius:9px;padding:8px 12px;font-size:14px}
.modal{width:min(560px,94vw);max-height:90vh;overflow:auto}

/* ── אבחון ── */
.diag{margin:14px 28px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px}
.diag .c-sh{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.diag-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.diag-row{display:grid;grid-template-columns:auto 180px 1fr;gap:10px;align-items:start;text-align:right;background:var(--surface2);border:1px solid transparent;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--ink)}
.diag-row:hover{border-color:var(--accent)}
.dg-scope{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dg-sum{color:var(--ink2)}
.dg-meta{grid-column:1/-1;font-size:12px;color:var(--ink3)}
.rec{display:flex;flex-direction:column;gap:6px;font-size:13px;background:var(--surface2);border-radius:10px;padding:10px 12px}

/* ── בורד העריכות ── */
.ed-grid{display:grid;gap:14px;padding:16px 28px}
.ed-grid.four{grid-template-columns:1fr 1fr}
.ed-grid.six{grid-template-columns:1fr 1fr 1fr}
.ed-zone{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px;min-height:160px;border-top:4px solid var(--line2)}
.ed-zone.z-new{border-top-color:#2E9E5B}.ed-zone.z-edit{border-top-color:#D9A050}.ed-zone.z-fix{border-top-color:#C0392B}.ed-zone.z-done{border-top-color:#158552}.ed-zone.z-review{border-top-color:#2E68C4}.ed-zone.z-client{border-top-color:#8E44AD}
.ed-zh{font-weight:600;font-size:13px;margin-bottom:8px;display:flex;justify-content:space-between}
.ed-zh span{color:var(--ink3);font-weight:400}
.ed-card{display:block;width:100%;text-align:right;background:var(--surface2);border:1px solid transparent;border-right:4px solid var(--line2);border-radius:10px;padding:8px 10px;margin-bottom:6px;cursor:pointer;color:var(--ink)}
.ed-card:hover{border-color:var(--accent)}
.ed-top{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.ed-st{font-size:12px;font-weight:600}
.ed-sub{font-size:12px;color:var(--ink3);margin-top:2px}
.brief{display:flex;flex-direction:column;gap:6px;font-size:13px;background:var(--surface2);border-radius:10px;padding:10px 12px}
.assets{display:flex;flex-direction:column;gap:6px;font-size:13px}
.upload{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}
.ed-foot{flex-wrap:wrap}
@media (max-width:900px){.ed-grid.six{grid-template-columns:1fr 1fr}}

/* ── פילוח ── */
.bd-box{margin-top:6px}
.bd-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}
.bd-grid{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:4px 12px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}
.bd-h{color:var(--ink3);font-size:11px}
.bd-track{height:10px;background:var(--surface2);border-radius:6px;overflow:hidden}
.bd-track i{display:block;height:100%;background:var(--accent)}
.bd-grid .won{color:var(--won)}.bd-grid .lost{color:var(--lost)}
.cmp-basis{align-items:center}

.vault{display:flex;flex-direction:column;gap:8px;font-size:13px}
.vault-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px dashed var(--line);padding:6px 0}
.vault-secret{grid-column:1/-1;font-family:monospace;color:var(--accent-ink);word-break:break-all}
.vault-add{display:grid;grid-template-columns:auto 1fr 1fr 1fr 1fr auto;gap:6px}
.vault-add input,.vault-add select{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font-size:13px;min-width:0}

/* מסך הפתיחה (index.html #boot): רקע התמה, לוגו, פס שרץ. נעלם כשהמערכת מוכנה. */
.boot{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);color:var(--ink3);font-size:14px;padding-top:env(safe-area-inset-top,0px)}
.boot img{border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.boot-bar{width:120px;height:3px;border-radius:99px;background:color-mix(in srgb,var(--ink3) 25%,transparent);overflow:hidden}
.boot-bar i{display:block;width:40%;height:100%;border-radius:99px;background:var(--accent);animation:bootbar 1.1s ease-in-out infinite}
@keyframes bootbar{0%{transform:translateX(150%)}100%{transform:translateX(-250%)}}
@media (prefers-reduced-motion:reduce){.boot-bar i{animation:none;width:100%}}

/* כספים ותגמולים: עריכה ידנית (02/10/2026) */
.fn-rows tbody tr[data-deal],.fn-rows tbody tr[data-comm]{cursor:pointer}
.fn-rows tbody tr[data-deal]:hover td,.fn-rows tbody tr[data-comm]:hover td{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.fn-rows tr.fn-off td{color:var(--ink3)}
.fn-rows tr.fn-off td b{color:var(--ink3);text-decoration:line-through}
.fn-acts{white-space:nowrap}
.fn-acts .mini{margin-inline-start:4px}
.fn-regen{background:var(--lost-t1);border:1px solid var(--lost-t3);border-radius:10px;padding:8px 12px;margin-top:8px;color:var(--ink2)}
.fn-modal .m-actions{flex-wrap:wrap}
.fn-hist{padding:14px 18px;overflow:auto;flex:1}
.fn-hist .t-text{white-space:pre-wrap;line-height:1.55}

/* חלון אישור של המערכת (uiConfirm, 09/10/2026). בטלפון: גיליון מלמטה */
/* ⛔ 25/10/2026 (דולב, הקלטה מהאייפון): החלון ישב על 200, מתחת לגיליון פעולות המשימה (10041), לחלון הצד של הבורד (1101)
   ולבוררים (1200). "מחיקה" לא נלחץ, המסך נשאר שחור והמשימה לא נמחקה. חלון אישור נפתח תמיד מעל כל שכבה אחרת.
   test/confirm_layer.test.js נכשל אם שכבה כלשהי ב-public עולה מעליו. */
.uc-back{position:fixed;inset:0;z-index:20000;background:var(--scrim,rgba(8,12,24,.55));display:flex;align-items:center;justify-content:center;padding:16px;
  animation:ucIn .14s ease-out}
.uc{width:min(440px,100%);background:var(--bg2,var(--surface));color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2,0 20px 50px rgba(0,0,0,.3));
  padding:20px 20px 16px}
.uc-m{margin:0 0 18px;font-size:16px;line-height:1.6;white-space:pre-line}
.uc-f{display:flex;gap:10px;flex-wrap:wrap}
.uc-f .btn{min-height:44px;padding:0 18px;font-weight:700;font-size:15px}
.uc-f .btn.uc-danger{background:#C42B27;border-color:#C42B27;color:#fff}
.uc-f .btn.uc-danger:hover{filter:brightness(1.07)}
.uc-f .btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@keyframes ucIn{from{opacity:0}to{opacity:1}}
@media (max-width:760px){
  .uc-back{align-items:flex-end;padding:0}
  .uc{width:100%;border-radius:18px 18px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px))}
  .uc-f{flex-direction:column}
  .uc-f .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.uc-back{animation:none}}

/* ── כיווניות: טלפון, מייל וקישור תמיד משמאל לימין (09/10/2026) ──────────
 * גם בתוך משפט בעברית המספר לא מתהפך והנקודה של המייל לא קופצת לצד השני.
 * השדה עצמו מיושר לימין כמו שאר הטופס, רק הכתיבה בתוכו משמאל לימין. */
input[type="tel"],input[type="email"],input[type="url"],input[inputmode="tel"],input[inputmode="email"]{direction:ltr;text-align:right}
input[type="tel"]::placeholder,input[type="email"]::placeholder,input[type="url"]::placeholder{direction:rtl}
a[href^="tel:"],a[href^="mailto:"],a[href^="https://wa.me"],.mono,bdi[dir="ltr"],[dir="ltr"]{unicode-bidi:isolate}

/* הודעה מתחת לשדה (contactError / fieldError, 09/10/2026) */
.f-err{display:block;margin-top:5px;font-size:13px;line-height:1.45;color:var(--lost);font-weight:600}
input.bad,textarea.bad{border-color:var(--lost)!important;box-shadow:0 0 0 3px var(--lost-t1,rgba(220,38,38,.12))}

/* ── מסגרת פוקוס (דולב אישר 09/10/2026, "נגישות", "סימון מיקום") ────────────
 * מי שעובר במקלדת (Tab) רואה איפה הוא נמצא: מסגרת כחולה סביב הכפתור, הקישור או
 * הבורר שנבחר. רק במקלדת (focus-visible), לא בלחיצת עכבר או אצבע. בשדות
 * הקלדה התחליף הוא צבע המסגרת של השדה, ולכן הם לא כאן. */
:root{--focus-ring:#2F6FDE}
:root[data-theme="dark"]{--focus-ring:#8AB4FF}
:where(button,a[href],[role="button"],[role="option"],[role="tab"],summary,select,label.chip,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:2px solid var(--focus-ring);outline-offset:2px}
:where(.d-tabs button,.u2-it,.mnav button,.hm-t,.lg-b,.cr-a,.sv-go,.sv-x):focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}

/* "?" שנפתח בלחיצה (helpBtn, 09/10/2026) */
.qhelp{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line2);background:var(--surface);
  color:var(--ink2);font:inherit;font-size:12px;font-weight:800;cursor:pointer;flex:none;padding:0;vertical-align:middle;position:relative}
.qhelp::after{content:"";position:absolute;inset:-10px}   /* יעד מגע של 42px סביב הסימן הקטן */
.qhelp:hover,.qhelp[aria-expanded="true"]{border-color:var(--accent);color:var(--accent-deep,var(--accent))}
.qpop{position:absolute;z-index:150;background:var(--bg2,var(--surface));color:var(--ink);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--sh2,0 12px 30px rgba(0,0,0,.2));padding:10px 12px;font-size:14px;line-height:1.55}

/* ⭐ 12/10/2026 (תוכנית העיצוב, שלב 2): uiPrompt. השדה בחלון האישור, 16px כדי שהאייפון לא יגדיל */
.uc .uc-m{white-space:pre-line}
.uc input,.uc textarea{width:100%;font:inherit;font-size:16px;min-height:44px;padding:8px 12px;margin:4px 0 12px;
  border:1px solid var(--line2);border-radius:10px;background:var(--surface2);color:var(--ink)}
.uc input:focus-visible,.uc textarea:focus-visible{outline:2px solid var(--focus-ring,var(--accent-ink));outline-offset:1px}
.uc label.uc-m{display:block;margin-bottom:6px}

.hm-next{margin-block:16px 24px}.hm-next h2{font-size:1.15rem;margin-block:0 12px}.hm-next .hm-resume{margin-block:8px;min-height:64px}.hm-next-secondary{background:var(--surface,var(--card));border:1px solid var(--line);box-shadow:none}.hm-offers{margin-block:24px;padding:16px;border:1px solid var(--line);border-radius:16px}.hm-offers summary{min-height:44px;cursor:pointer;font-weight:700}.hm-offers p{overflow-wrap:anywhere}.cc-form select,.cc-form textarea{width:100%;max-width:100%;min-height:44px;font-size:16px;box-sizing:border-box}.cc-form input{min-width:0;max-width:100%}

.cc-history{margin-block:16px;border:1px solid var(--line);border-radius:16px;padding:12px}.cc-history>summary{min-height:44px;cursor:pointer;font-weight:700}.bc-form input,.bc-form textarea,.bc-form select{max-width:100%;min-width:0;font-size:16px;box-sizing:border-box}
/* שמירה בתור היא המתנה לאישור, ונשארת גלויה גם במובייל. */
.save-status{position:fixed;z-index:120;inset-inline:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:480px;margin-inline:auto;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 4px 18px #0003;font-size:14px;text-align:center;pointer-events:none}
@media(min-width:900px){.save-status{bottom:20px}}