/* =====================================================================
   אלומיניום אריק — מערכת דוחות. גיליון סגנון יחיד.
   צבעי הסדרות לקוחים מפלטה שנבדקה לעיוורון צבעים בשני המצבים.
   ===================================================================== */

:root{
  color-scheme: light;
  --page:#f4f4f2;  --card:#fff;      --card2:#fafaf8;
  --ink:#16161a;   --ink2:#55555c;   --muted:#636369;   /* AA גם על אריח צבוע */
  --line:rgba(17,17,20,.11);
  --grid:#e6e6e2;  --axis:#c9c9c3;
  --s1:#2a78d6;    --s2:#eb6834;              /* הזמנות · אספקות */
  --s1w:rgba(42,120,214,.10);
  --link:#1f63b8;                              /* קישורים וטקסט כחול: ניגודיות AA מול הרקע (כחול הגרפים בהיר מדי לטקסט) */
  /* פלטה קטגורית לטבעת. הסדר נבחר כך ששכנים נשארים נבדלים בעיוורון צבעים */
  --c1:#2a78d6; --c2:#eb6834; --c3:#1baf7a; --c4:#4a3aa7; --c5:#e87ba4; --c6:#eda100;
  /* סולם סדור לוותק: ככל שההזמנה ותיקה יותר, כהה יותר */
  --o1:#86b6ef; --o2:#6da7ec; --o3:#3987e5; --o4:#2a78d6; --o5:#1c5cab; --o6:#104281;
  --brand:#c8442b;
  --side:#15151a;  --sideInk:#fff;   --sideInk2:#b4b4bd;  --sideLine:rgba(255,255,255,.13);
  --note:#fab219;  --noteBg:rgba(250,178,25,.09);
  --crit:#a8322a;  --good:#086a08;   /* כהים מספיק גם על האריח המודגש (PageSpeed) */
  /* טקסט בצבע סדרה (תווית בגרף השוואת שנים): גוון כהה יותר של אותו צבע, כדי לעמוד ב-AA מול הרקע */
  --c1t:#1f63b8; --c2t:#b8481a; --c3t:#0d7a53; --c4t:#4a3aa7;
  --sel:#1f63b8;                              /* רקע הפריט הנבחר בתפריט — לבן עליו ב-AA */
  --r:10px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme: dark;
    --page:#0c0c0e; --card:#18181b; --card2:#1e1e22;
    --ink:#fff;     --ink2:#c0c0c8; --muted:#97979f;
    --line:rgba(255,255,255,.12);
    --grid:#2a2a2e; --axis:#3c3c42;
    --s1:#3987e5;   --s2:#d95926;
    --s1w:rgba(57,135,229,.14);
    --link:#6aa6ef;
    --c1:#3987e5; --c2:#d95926; --c3:#199e70; --c4:#9085e9; --c5:#d55181; --c6:#c98500;
    /* סולם סדור לוותק: ככל שההזמנה ותיקה יותר, כהה יותר */
    --o1:#cde2fb; --o2:#9ec5f4; --o3:#6da7ec; --o4:#3987e5; --o5:#256abf; --o6:#184f95;
    --brand:#e0573c;
    --side:#111114; --sideLine:rgba(255,255,255,.10);
    --noteBg:rgba(250,178,25,.10);
    --crit:#e06a6a; --good:#3cbf3c;
    --c1t:#3987e5; --c2t:#d95926; --c3t:#199e70; --c4t:#9085e9; --sel:#2a6fc4;
  }
}
:root[data-theme="dark"]{
  color-scheme: dark;
  --page:#0c0c0e; --card:#18181b; --card2:#1e1e22;
  --ink:#fff;     --ink2:#c0c0c8; --muted:#97979f;
  --line:rgba(255,255,255,.12);
  --grid:#2a2a2e; --axis:#3c3c42;
  --s1:#3987e5;   --s2:#d95926;
  --s1w:rgba(57,135,229,.14);
  --link:#6aa6ef;
  --c1:#3987e5; --c2:#d95926; --c3:#199e70; --c4:#9085e9; --c5:#d55181; --c6:#c98500;
  /* סולם סדור לוותק: ככל שההזמנה ותיקה יותר, כהה יותר */
  --o1:#cde2fb; --o2:#9ec5f4; --o3:#6da7ec; --o4:#3987e5; --o5:#256abf; --o6:#184f95;
  --brand:#e0573c;
  --side:#111114; --sideLine:rgba(255,255,255,.10);
  --noteBg:rgba(250,178,25,.10);
  --crit:#e06a6a; --good:#3cbf3c;
  --c1t:#3987e5; --c2t:#d95926; --c3t:#199e70; --c4t:#9085e9; --sel:#2a6fc4;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--page); color:var(--ink);
  font:14.5px/1.55 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  display:flex; min-height:100vh;
}
/* מספרים וסימני מטבע לא נשברים בתוך טקסט מימין לשמאל */
.num{direction:ltr; unicode-bidi:isolate; white-space:nowrap}

/* ------------------------------- סרגל צד ------------------------------- */
.side{
  width:206px; flex:none; background:var(--side); color:var(--sideInk);
  display:flex; flex-direction:column; gap:16px; padding:18px 14px;
  position:sticky; top:0; height:100vh;
}
.brand{display:flex; align-items:center; gap:11px; padding:0 4px 16px;
       border-bottom:1px solid var(--sideLine)}
.logo{width:44px; height:34px; flex:none}
.wm{line-height:1}
.wm b{display:block; font-size:19px; font-weight:700; letter-spacing:-.5px}
.wm em{display:block; font-style:normal; font-size:8.5px; font-weight:600;
       color:var(--sideInk2); letter-spacing:.33em; margin-bottom:3px}
nav{display:flex; flex-direction:column; gap:3px}
.side nav{overflow-y:auto; min-height:0}
.nav{display:flex; align-items:center; gap:9px; padding:8px 9px; border-radius:7px;
     color:var(--sideInk2); font-size:13px; text-decoration:none}
.nav svg{width:18px; height:18px; flex:none}
.nav.on{background:var(--sel); color:#fff}
.nav i{font-style:normal; font-size:12px; margin-inline-start:auto;
       border:1px solid currentColor; border-radius:4px; padding:0 4px; opacity:.8}
.theme{margin-top:auto; display:flex; align-items:center; gap:9px; width:100%;
       background:none; border:1px solid var(--sideLine); color:var(--sideInk2);
       border-radius:7px; padding:8px 9px; font:inherit; font-size:12.5px; cursor:pointer}
.theme:hover{background:rgba(255,255,255,.06); color:var(--sideInk)}
.theme svg{width:17px; height:17px}
/* הכפתור מראה לאן הלחיצה תיקח: במצב בהיר — ירח (לעבור לכהה), במצב כהה — שמש (לעבור לבהיר) */
.ico-sun{display:none}
:root[data-theme="dark"] .ico-moon{display:none}
:root[data-theme="dark"] .ico-sun{display:block}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .ico-moon{display:none}
  :root:not([data-theme="light"]) .ico-sun{display:block}
}

/* --------------------------------- עמוד -------------------------------- */
main{flex:1; min-width:0; padding:22px 24px 40px; max-width:1240px}
.head{display:flex; justify-content:space-between; align-items:flex-start; gap:16px}
h1{font-size:22px; letter-spacing:-.4px; margin:0}
.src{color:var(--muted); font-size:12.5px; margin:3px 0 0}
.question{color:var(--ink2); font-size:15px; margin:14px 0 18px; max-width:62ch}

/* ------------------------------- מסננים -------------------------------- */
.filters{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:18px}
/* סרגל הסינון נשאר גלוי בגלילה (core.js, initFilters). רקע הדף מתחתיו, כדי שהכרטיסים לא ייראו דרכו */
.src .lnk{background:none; border:0; padding:0; font:inherit; color:var(--link); text-decoration:underline; cursor:pointer; min-height:24px}
.src .lnk:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.lineage{margin-top:24px}
.fbar{position:sticky; top:-1px; z-index:30; background:var(--page); margin:0 -4px 14px; padding:10px 4px 2px;
  border-bottom:1px solid transparent}
.fbar.stuck{border-bottom-color:var(--line); box-shadow:0 6px 12px -10px rgba(0,0,0,.35)}
.fbar .filters{margin-bottom:8px}
/* "טווח…" — לוח חודשים */
.rwrap{display:inline-block}            /* הלוח נמדד מול הסרגל (.fbar), לא מול הכפתור — אחרת גולש מהמסך */
.rpop{position:absolute; top:calc(100% - 4px); inset-inline-end:4px; z-index:40; width:min(560px, calc(100% - 8px));
  background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:0 14px 40px rgba(0,0,0,.25); padding:12px}
.rhint{margin:0 0 10px; font-size:13px; color:var(--ink2)}
.ry{display:flex; align-items:flex-start; gap:8px; padding:6px 0; border-top:1px solid var(--line)}
.ryl{flex:none; width:52px; min-height:28px; font:inherit; font-size:13px; font-weight:650; color:var(--link); background:none;
  border:1px solid var(--line); border-radius:7px; cursor:pointer}
.rms{display:grid; grid-template-columns:repeat(12, 1fr); gap:3px; flex:1}
.rm{min-height:28px; padding:0; font:inherit; font-size:12px; color:var(--ink); background:var(--card2); border:1px solid var(--line);
  border-radius:6px; cursor:pointer}
.rm:disabled{opacity:.35; cursor:default}
.rm:not(:disabled):hover, .ryl:hover{border-color:var(--link)}
.rm.in{background:var(--sel); border-color:var(--sel); color:#fff}
.rm.a{background:var(--ink); border-color:var(--ink); color:var(--page)}
.rm:focus-visible, .ryl:focus-visible{outline:2px solid var(--s1); outline-offset:1px}
@media (max-width:760px){
  .fbar{margin:0 -14px 12px; padding:8px 14px 0}
  .fbar .ftoggle{margin-bottom:8px}
  .fbar .filters.open{max-height:calc(100dvh - 160px); overflow:auto; padding-bottom:8px}
  .rpop{position:static; width:auto; margin-top:8px; box-shadow:none}
  .rms{grid-template-columns:repeat(6, 1fr)}
  .rm{min-height:34px; font-size:13px}
}
.pills{display:flex; gap:5px; flex-wrap:wrap}
.pill{border:1px solid var(--line); background:var(--card); color:var(--ink2);
      border-radius:999px; padding:5px 13px; font:inherit; font-size:12.5px; cursor:pointer}
.pill:hover{border-color:var(--axis)}
.pill[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:var(--page)}
.sel{display:flex; align-items:center; gap:7px; font-size:12.5px; color:var(--muted)}
.sel select{font:inherit; font-size:12.5px; color:var(--ink); background:var(--card);
            border:1px solid var(--line); border-radius:7px; padding:5px 9px}

/* ------------------------- החודש הנוכחי וחלקי המסך -------------------------- */
/* רצועת "החודש הנוכחי" בראש המסך, ואחריה כותרות לחלקים: ניתוח לפי תקופה, השוואה בין שנים */
.bandh{font-size:17px; letter-spacing:-.2px; margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px}
.bandsub{font-size:12.5px; font-weight:500; color:var(--muted); letter-spacing:0}
/* עד שהנתונים נטענו ונצבעו (loadData ב-core.js) — רק כותרת המסך גלויה. אחרת שורת "מה חשוב היום", ההסברים
   שמצטמצמים והאריחים נכנסים אחרי הציור הראשון ודוחפים את כל המסך (PageSpeed: CLS 0.3–0.6) */
main[data-wait]:not(.ready) > :not(.head){visibility:hidden}
/* הגדרה קצרה מתחת לטבלה — איך מחושב המספר שעלול להיראות שגוי (למשל שיעור סגירה בלי הלידים שבתהליך) */
table caption{caption-side:bottom; text-align:start; font-size:12.5px; color:var(--muted); padding-top:8px}
.secth{font-size:17px; letter-spacing:-.2px; margin:28px 0 12px; padding-top:16px; border-top:1px solid var(--line)}
/* כפתור הרענון (מסך המכירות, רק במכשיר של אריק) */
.refresh{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; margin:-2px 0 12px; font-size:12.5px; color:var(--muted)}
.refresh .ghost{display:inline-flex; align-items:center; gap:6px; text-decoration:none; color:var(--ink2)}
.refresh svg{width:16px; height:16px; flex:none}
.refresh .rlast{flex-basis:100%}
.refresh .rlast:empty{display:none}

/* ------------------------------ כרטיסי KPI ----------------------------- */
.tiles{display:grid; grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
       gap:10px; margin-bottom:16px}
.tile{background:var(--card); border:1px solid var(--line); border-radius:var(--r);
      padding:14px 12px; text-align:center; display:flex; flex-direction:column;
      justify-content:center; min-height:104px}
.tile.lead{background:var(--s1w); border-color:color-mix(in srgb, var(--s1) 35%, transparent)}
.tile .lbl{font-size:12px; color:var(--muted); margin:0 0 5px}
.tile .val{font-size:clamp(17px,2.1vw,24px); font-weight:680; letter-spacing:-.5px; line-height:1.15}
.tile .sub{font-size:12px; color:var(--muted); margin-top:4px}
.meter{height:5px; border-radius:3px; background:color-mix(in srgb, var(--s1) 22%, transparent);
       margin:9px auto 0; overflow:hidden; max-width:150px; width:100%}
.meter i{display:block; height:100%; background:var(--s1); border-radius:3px}

/* ------------------------------- כרטיסים ------------------------------- */
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--r);
      padding:14px 18px 16px; margin-bottom:14px}
.grid2 .card{margin-bottom:0}
/* הכותרת היא summary — לחיצה מקפלת את הכרטיס. נגיש מהמקלדת בלי קוד. */
.chead{display:flex; align-items:flex-start; gap:12px; cursor:pointer; list-style:none;
       padding:2px 0; border-radius:6px}
.chead::-webkit-details-marker{display:none}
.chead:hover h2{color:var(--link)}
.chead:focus-visible{outline:2px solid var(--s1); outline-offset:3px}
.chead > div{flex:1; min-width:0}
.chead h2{font-size:15px; margin:0; letter-spacing:-.2px}
.chead p{font-size:12.5px; color:var(--muted); margin:3px 0 0}
.chev{flex:none; width:18px; height:18px; margin-top:2px; position:relative}
/* הסברים מצומצמים (body.terse, ברירת המחדל): תיאור הכרטיס ו"מה רואים כאן" — רק בלחיצה על ⓘ,
   או בכולם יחד מ"הצגת הסברים" בתפריט */
body.terse .chead p, body.terse .cbody > .note, body.terse .rnote{display:none}
body.terse .card.explain .chead p, body.terse .card.explain .cbody > .note{display:block}
.card.has-xp{position:relative}
body.terse .has-xp > .chead > div{margin-inline-end:30px}           /* מקום ל-ⓘ ליד החץ */
.xp{display:none; position:absolute; top:10px; inset-inline-end:44px; width:28px; height:28px; padding:0; border:0;
    border-radius:50%; background:none; color:var(--muted); cursor:pointer; place-items:center}
body.terse .xp{display:grid}
.xp svg{width:18px; height:18px}
.xp:hover, .card.explain .xp{color:var(--link)}
.xp:focus-visible{outline:2px solid var(--s1); outline-offset:1px}
.xpall{margin-top:auto}
.xpall ~ .theme{margin-top:6px}
.chev::before{content:""; position:absolute; inset:0; margin:auto; width:0; height:0;
  border-left:5px solid transparent; border-right:5px solid transparent;
  border-top:6px solid var(--muted);
  transform:rotate(90deg); transition:transform .16s}   /* סגור — מצביע הצידה */
details[open] > .chead .chev::before{transform:rotate(0)}  /* פתוח — מצביע למטה */
.chead:hover .chev::before{border-top-color:var(--s1)}
.cbody{padding-top:2px}
.count{font-size:12px; font-weight:500; color:var(--muted)}
.grid2{display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
       gap:14px; margin-bottom:14px; align-items:start}
.note{border-inline-start:2px solid var(--note); padding:2px 10px; font-size:12px;
      color:var(--ink2); margin:11px 0 2px; line-height:1.5}
.note b{color:var(--ink); font-weight:620}

/* -------------------------------- גרפים -------------------------------- */
.chart{width:100%; margin-top:10px}
.chart svg{display:block; width:100%; direction:ltr}   /* פנים הגרף תמיד משמאל לימין */
.chart text{font-family:inherit}
.legend{display:flex; gap:16px; flex-wrap:wrap; margin-top:12px; font-size:12.5px; color:var(--ink2)}
.legend span{display:flex; align-items:center; gap:6px}
.legend i{width:14px; height:3px; border-radius:2px; display:block}
.hit{fill:transparent; outline:none}
.hit:focus-visible{fill:color-mix(in srgb, var(--ink) 7%, transparent); stroke:var(--s1); stroke-width:2}   /* מיקוד מקלדת נראה (AA) */

/* ------------------------------- טבלאות -------------------------------- */
.tbl-toggle{margin-top:12px}
.tbl-toggle summary{font-size:12.5px; color:var(--ink2); cursor:pointer; width:max-content; padding:6px 0}   /* 24px+ ללחיצה */
/* לשוניות בתוך מסך (גבייה: חוב פתוח / תזכורות) */
.pills.tabs{margin:-6px 0 16px}
.tab-rem .ftoggle{display:none !important}
/* תזכורות תשלום */
.rnote{margin-bottom:14px}
.rnote a, .denied a{color:var(--link)}
.rctl{gap:10px 14px}
.rctl input[type=date]{font:inherit; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:7px; padding:5px 8px}
.rdow{color:var(--ink2); font-size:13px}
.rst{font-size:12px; font-weight:600; padding:2px 8px; border-radius:999px; white-space:nowrap; border:1px solid var(--line)}
.rst-sent{color:var(--good)} .rst-queued{color:var(--link); border-color:var(--link)}
.rst-blocked, .rst-rejected{color:var(--crit)} .rst-wait, .rst-below, .rst-off{color:var(--muted)}
td.mail{font-size:12px; color:var(--ink2)}
.why{display:block; font-size:12px; color:var(--muted); white-space:normal; margin-top:3px; max-width:260px; margin-inline:auto}   /* מייל בשורה אחת — שבירה בכל תו כיווצה את העמודה לאות אחת */
td.acts{white-space:nowrap}
.ghost.sm{padding:3px 10px; font-size:12px; margin-inline-start:4px}
tr.row-x.cur{background:var(--s1w)}   /* לא .sel — זו מחלקת שדות הסינון (display:flex), והיא שברה את השורה */
.mhead{display:grid; grid-template-columns:max-content 1fr; gap:4px 12px; margin:0 0 10px; font-size:13px}
.mhead dt{color:var(--muted)} .mhead dd{margin:0; overflow-wrap:anywhere}
.mbar{margin:0 0 10px}
.mbar .ghost{display:inline-flex; align-items:center; gap:6px; text-decoration:none}
.mbar .ghost svg{width:16px; height:16px; flex:none}
.mailbox{background:#fff; color:#16161a; border:1px solid var(--line); border-radius:var(--r); padding:16px; overflow-x:auto}
.mailbox.editing{outline:2px dashed var(--link); outline-offset:2px}
/* משתמשים והרשאות (הדגמה) */
.whoami{display:flex; align-items:center; gap:8px; margin:8px 0; font-size:12.5px; color:var(--sideInk2)}
.whoami select{flex:1; min-width:0; font:inherit; color:var(--sideInk); background:transparent; border:1px solid var(--sideLine); border-radius:7px; padding:4px 6px}
.whoami select option{color:#16161a}
.denied{max-width:60ch; margin:40px 0}
.denied h1{margin-bottom:10px}
.no-export .xmenu{display:none !important}
/* מסך ההגדרות */
.utbl th{white-space:normal; min-width:60px; line-height:1.3}   /* כותרות ההרשאות ארוכות — שבירה במקום גלילה */
.utbl .tin{width:140px}
.tin{font:inherit; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:7px; padding:5px 8px; min-width:0}
input.tin.num{width:90px}
details.scr summary{cursor:pointer; color:var(--link); font-size:13px; padding:4px 0}
details.scr label{display:block; text-align:start; font-size:12.5px; margin:3px 0}
.sform, .tform{display:flex; flex-direction:column; gap:8px; margin-top:10px; align-items:flex-start}
.sform .sel, .sgrid .sel{flex-wrap:wrap}
.sgrid{display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:10px 18px; margin-top:6px}
.checks{display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:4px 16px; font-size:13px}
.tfld{display:flex; flex-direction:column; gap:4px; width:100%; font-size:12.5px; color:var(--ink2)}
.tfld .tin{width:100%; max-width:720px; line-height:1.5}
.chips{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:6px 0; font-size:12.5px; color:var(--ink2)}
.chips .ghost.sm{margin:0}
.twarn{color:var(--crit)}
.tsubj{font-size:13px; color:var(--ink2); margin:4px 0}
label.chk{font-size:13px; display:inline-flex; align-items:center; gap:6px; min-height:28px; cursor:pointer}   /* התווית כולה לחיצה */
.sel input[type=date]{font:inherit; color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:7px; padding:5px 8px}
/* בנייד: כפתור "סינון" עם תיאור המצב במקום בלוק הסינון; פעולות הכותרת בתפריט "עוד" */
.ftoggle{display:none}
.side .mact{display:flex; flex-direction:column; gap:8px; margin:10px 0}
.side .mact:empty{display:none}
.side .mact .ghost{width:100%; justify-content:center; color:var(--sideInk); border-color:var(--sideLine); background:none}
.side .xmenu{position:relative}
.side .xlist{inset-inline-start:0; inset-inline-end:auto; width:100%; min-width:0}
@media (max-width:760px){
  .ftoggle{display:flex; align-items:center; gap:8px; width:100%; margin:0 0 14px; text-align:start}
  .ftoggle svg{width:20px; height:20px; flex:none}
  .ftoggle .fnow{color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
  .ftoggle[aria-expanded="true"]{border-color:var(--link)}
  .filters:not(.open):not(.rctl){display:none}   /* דמה התאריך בתזכורות — שורה קצרה, נשארת גלויה */
}
.tablewrap{overflow-x:auto; margin-top:10px}
table{border-collapse:collapse; width:100%; font-size:12.5px}
th,td{text-align:center; padding:7px 9px; border-bottom:1px solid var(--line); white-space:nowrap}
th{color:var(--muted); font-weight:600; font-size:12px; position:sticky; top:0;
   background:var(--card)}
/* רק כותרת שממיינת נראית לחיצה */
th[data-k], th.sort{cursor:pointer; user-select:none}
th[data-k]:hover, th.sort:hover{color:var(--ink)}
th[data-k]:focus-visible, th.sort:focus-visible{outline:2px solid var(--s1); outline-offset:-2px}
th[aria-sort]{color:var(--ink)}
th[aria-sort="descending"]::after{content:" ↓"}
th[aria-sort="ascending"]::after{content:" ↑"}
/* ספרות בעלות רוחב זהה, כך שהמרכוז לא מקפיץ אותן בין שורה לשורה */
td.n,th.n{text-align:center; direction:ltr; unicode-bidi:isolate; font-variant-numeric:tabular-nums}
tbody tr:hover{background:var(--card2)}
td .who{display:block}
td .prj{display:block; font-size:12px; color:var(--muted)}
td .show-s{display:none}                 /* בנייד בלבד — במקום עמודה שהוסתרה (hide-s) */
.late{color:var(--crit); font-weight:620}
tfoot td{font-weight:670; border-top:2px solid var(--line); border-bottom:none}

/* אין טקסט מתחת ל-12px על המסך (Lighthouse "legible text", 14.10.2026) — חוץ מההדפסה */
.foot{color:var(--muted); font-size:12px; margin-top:20px}
.foot p{margin:6px 0 0}
/* עמוד טקסט: הצהרת הנגישות */
.doc{max-width:72ch; margin-top:18px; color:var(--ink2); font-size:14.5px; line-height:1.75}
.doc h2{color:var(--ink); font-size:16px; margin:22px 0 6px}
.doc p{margin:0 0 8px}
.doc ul{margin:4px 0 8px; padding-inline-start:22px}
.doc a{color:var(--link)}
.foot a{color:var(--link)}

/* שורות ההקשר במסך הראשי, ושורת הזהות והפנייה מעל התחתית בכל מסך */
.intro{margin:12px 0 0; padding:10px 14px; border:1px solid var(--line); border-radius:var(--r);
       background:var(--card2); color:var(--ink2); font-size:13.5px; line-height:1.55; max-width:80ch}
.intro p{margin:0}
.intro b{color:var(--ink); font-weight:650}
.start{display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:8px 10px; margin:10px 0 0; padding:10px 14px;
       border:1px solid var(--line); border-radius:var(--r); background:var(--card); font-size:13px; max-width:80ch}
.start b{color:var(--ink); font-weight:650; margin-inline-end:4px}
.start a{color:var(--link); text-decoration:none; padding:5px 12px; border:1px solid var(--line); border-radius:999px}
.start a::after{content:" ←"}
.start a:hover{border-color:var(--link)}
.start a:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.contact{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px;
         margin-top:28px; padding:14px 16px; border:1px solid var(--line); border-radius:var(--r);
         background:var(--card); color:var(--ink2); font-size:13.5px; line-height:1.55}
.contact p{margin:0}
.wa{display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:8px;
    background:#0f7a40; color:#fff; font-weight:620; text-decoration:none; white-space:nowrap}   /* ירוק כהה: לבן עליו עובר ניגודיות 4.5 */
.wa:hover{background:#0b6634}
.wa:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.wa svg{width:20px; height:20px; flex:none}
.contact .cta{display:flex; flex-wrap:wrap; gap:10px}
.leadbtn{display:inline-flex; align-items:center; gap:8px; padding:7px 15px; border-radius:8px; border:1px solid var(--line);
         color:var(--ink); font-weight:600; text-decoration:none; white-space:nowrap}
.leadbtn:hover{border-color:var(--link); color:var(--link)}
.leadbtn:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.leadbtn svg{width:20px; height:20px; flex:none}

/* טופס פנייה (contact.html). גופן 16 — אחרת אייפון מגדיל את המסך כשנכנסים לשדה */
.lform{display:grid; gap:14px; max-width:560px; margin-top:6px}
.lform .field{display:grid; gap:5px; margin:0; padding:0; border:0; min-width:0}
.lform .field > label, .lform legend{font-weight:620; color:var(--ink); font-size:14px; padding:0}
.lform .req{font-weight:400; color:var(--muted); font-size:12.5px}
.lform input[type=text], .lform input[type=tel], .lform input[type=email], .lform textarea{font:inherit; font-size:16px;
  color:var(--ink); background:var(--card); border:1px solid var(--line); border-radius:8px; padding:9px 11px; width:100%; box-sizing:border-box}
.lform input[dir=ltr]{text-align:right}
.lform input:focus-visible, .lform textarea:focus-visible{outline:2px solid var(--s1); outline-offset:1px}
.lform [aria-invalid=true]{border-color:var(--crit)}
.lform .err{margin:0; color:var(--crit); font-size:13px}
.lform .err:empty{display:none}
.lform .checks{margin:2px 0 0}
.lform .send{justify-self:start; font:inherit; font-weight:650; font-size:15px; padding:9px 26px; border:0; border-radius:8px;
  background:#0f7a40; color:#fff; cursor:pointer; min-height:40px}                 /* הירוק של כפתור הוואטסאפ: ניגודיות 4.5 */
.lform .send:hover{background:#0b6634}
.lform .send:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.lform .send:disabled{opacity:.7; cursor:wait}
.lform .fine{margin:0; font-size:12.5px; color:var(--ink2)}
.lform a, .thanks a{color:var(--link)}
.thanks{max-width:560px; margin-top:12px; padding:16px 18px; border:1px solid var(--line); border-radius:var(--r); background:var(--card)}
.thanks h2{margin:0 0 6px; font-size:17px; color:var(--ink)}
.thanks p{margin:0; color:var(--ink2)}

/* ------------------------------- תצוגת ---------------------------------- */
.tip{position:fixed; z-index:9; pointer-events:none; background:var(--card);
     border:1px solid var(--line); border-radius:8px; padding:8px 11px; font-size:12.5px;
     box-shadow:0 6px 22px rgba(0,0,0,.16); min-width:150px}
.tip .t{font-size:12px; color:var(--muted); margin-bottom:5px}
.tip .r{display:flex; align-items:center; gap:7px; margin-top:3px}
.tip .r i{width:12px; height:3px; border-radius:2px; flex:none}
.tip .r b{margin-inline-start:auto; font-variant-numeric:tabular-nums}   /* סכומים מבודדים בתוך הטקסט */
.tip .r span{color:var(--ink2)}

/* -------------------------------- נייד --------------------------------- */

@media (max-width:760px){
  body{flex-direction:column}
  /* תפריט הצד נפתח מהצד מ"עוד" בסרגל התחתון */
  .side{position:fixed; top:0; bottom:0; inset-inline-start:0; width:min(290px, 82vw); height:auto;
        z-index:60; overflow-y:auto; transform:translateX(105%); transition:transform .22s ease, visibility 0s .22s;
        box-shadow:0 0 24px rgba(0,0,0,.35); visibility:hidden}   /* סגור — גם לא במעבר Tab (PageSpeed: קישורים נסתרים) */
  body.drawer .side{transform:none; visibility:visible; transition:transform .22s ease}
  body.drawer{overflow:hidden}
  main{padding:16px 14px 88px}
  h1{font-size:19px}
  .question{font-size:14px}
  .tiles{grid-template-columns:1fr 1fr; gap:8px}
  .tile{padding:11px 12px}
  .tile .val{font-size:20px}
  .tile .sub{font-size:12px}
  .hide-s{display:none}
  .band .tiles .tile:last-child:nth-child(odd){grid-column:1 / -1}   /* אריח בודד בשורה — לכל הרוחב */
  /* משתמשים והרשאות: בטלפון כרטיס לכל משתמש, ושם ההרשאה ליד כל תיבה — במקום טבלה רחבה שנגללת */
  .utbl thead{display:none}
  .utbl, .utbl tbody, .utbl tr, .utbl td{display:block; width:100%}
  .utbl tr{border:1px solid var(--line); border-radius:var(--r); padding:8px 12px; margin-bottom:10px}
  .utbl td{display:flex; align-items:center; justify-content:space-between; gap:10px; border:0; padding:5px 0; white-space:normal; text-align:start}
  .utbl td[data-label]::before{content:attr(data-label); color:var(--ink2); font-size:12.5px}
  .utbl .tin{flex:1; width:auto}
  .utbl input[type=checkbox]{width:24px; height:24px; accent-color:var(--s1)}   /* מטרת לחיצה בטלפון — 24px (WCAG 2.5.8) */
  td .show-s{display:block}
  .mailbox{padding:10px}
}

/* ===================================================================
   תוספות: פקדים, טבעת, השוואת שנים, חיפוש
   =================================================================== */
.frow{display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:8px}
.ghost{background:none; border:1px solid var(--line); color:var(--ink2); border-radius:7px;
       padding:5px 11px; font:inherit; font-size:12.5px; cursor:pointer}
.ghost:hover{border-color:var(--axis); color:var(--ink)}
.head{align-items:center}

.pills.sm .pill{padding:4px 10px; font-size:12px}
.ctrl{display:flex; gap:14px; flex-wrap:wrap; align-items:center; margin:12px 0 2px}
.ctrl .pills{gap:4px}

.sel.search{flex:1; min-width:210px; max-width:420px; gap:0; position:relative}
.sel.search svg{width:16px; height:16px; position:absolute; inset-inline-start:10px;
                top:50%; margin-top:-8px; color:var(--muted); pointer-events:none}
.sel.search input{width:100%; font:inherit; font-size:12.5px; color:var(--ink);
  background:var(--card2); border:1px solid var(--line); border-radius:7px;
  padding-block:6px; padding-inline:32px 11px}   /* האייקון בצד תחילת הטקסט */
.sel.search input:focus{outline:none; border-color:var(--s1)}

.donutwrap{display:grid; grid-template-columns:minmax(360px,1.15fr) minmax(230px,.85fr);
           gap:18px; align-items:center}
.donutwrap .tablewrap{margin-top:0}
.swatch{display:inline-block; width:9px; height:9px; border-radius:2px;
        margin-inline-start:7px; vertical-align:-1px}

.tablewrap.tall{max-height:420px; overflow-y:auto}
td.best{color:var(--good); font-weight:670}

@media (max-width:900px){
  .donutwrap{grid-template-columns:1fr}
}

/* ===================================================================
   פאנל מקורות הנתונים — למפתח, סגור כברירת מחדל
   =================================================================== */
.lineage{border:1px solid var(--line); border-radius:var(--r); background:var(--card2);
         margin-bottom:16px; font-size:12.5px}
.lineage > summary{display:flex; align-items:center; gap:8px; cursor:pointer; list-style:none;
  padding:9px 14px; color:var(--ink2); font-size:12.5px; border-radius:var(--r)}
.lineage > summary::-webkit-details-marker{display:none}
.lineage > summary:hover{color:var(--ink)}
.lineage > summary:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.lineage > summary svg{width:15px; height:15px; color:var(--muted); flex:none}
.lineage > summary .chev{margin-inline-start:auto}
.lbody{padding:2px 14px 13px; border-top:1px solid var(--line)}
.path{color:var(--ink2); margin:11px 0; line-height:1.6}
.path.warn{color:var(--muted); font-size:12px; margin-bottom:0}
code{font-family:ui-monospace,"Cascadia Code",Consolas,monospace; font-size:12px;
     background:var(--card); border:1px solid var(--line); border-radius:4px; padding:1px 5px;
     direction:ltr; unicode-bidi:isolate; display:inline-block}
/* טבלת המקורות היא טקסט הסברי ולא נתונים — היא נשארת מיושרת לימין */
table.lin th, table.lin td{text-align:right}
table.lin td{white-space:normal; vertical-align:top; line-height:1.55}
table.lin td:first-child{font-weight:620; color:var(--ink); white-space:nowrap}
table.lin th{position:static}

/* ---------------- דלתא מול תקופה מקבילה, ומצב ריק ---------------- */
.tile .delta{font-size:12px; font-weight:620; margin-top:4px;
             direction:ltr; unicode-bidi:isolate}
.tile .delta.up{color:var(--good)}
.tile .delta.down{color:var(--crit)}
.tile .delta.flat{color:var(--muted); font-weight:560}
.empty{display:flex; align-items:center; justify-content:center; min-height:120px;
       color:var(--muted); font-size:12.5px; text-align:center;
       border:1px dashed var(--line); border-radius:8px; margin-top:10px}
td.empty{display:table-cell; min-height:0; border:none; padding:26px 10px}

/* ---------------- כותרת משנה בתוך כרטיס, וטבלת ההשוואה ---------------- */
.subh{font-size:13px; font-weight:660; color:var(--ink); margin:16px 0 0}
.subh em{font-style:normal; font-weight:500; color:var(--muted); font-size:12px; margin-inline-start:6px}
.cmptbl th.grp{border-bottom:1px solid var(--line); color:var(--ink); font-size:12px}
.cmptbl tbody td:first-child{color:var(--ink2)}

/* ---------------- ניווט בין המסכים ---------------- */
a.nav:not(.on):hover{background:rgba(255,255,255,.06); color:var(--sideInk)}

/* גרף עמודות שגולל לרוחב בטלפון. נפתח משמאל, שם העמודה הגבוהה ביותר */
.chart.scroll{overflow-x:auto; direction:ltr; padding-bottom:4px}
.chart.scroll svg{max-width:none}

/* ---------------- שורת בקרה: בדיקה שעברה או נכשלה ---------------- */
.check{display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink2);
       margin:10px 0 0; padding:8px 11px; border:1px solid var(--line); border-radius:8px; background:var(--card2)}
.check svg{width:18px; height:18px; flex:none}
.check.ok svg{color:var(--good)}
.check.bad svg{color:var(--crit)}

/* לקוח ופרויקט בתא אחד — מותר לשבור שורה, כדי ששם פרויקט ארוך לא ייחתך */
td:has(> .who){white-space:normal; min-width:120px}

/* חמישה אריחים בשורה: מספר קטן מעט, כדי שסכום מלא ייכנס */
.tiles.five .tile .val{font-size:clamp(16px,1.75vw,22px)}
@media (max-width:760px){
  .tiles.five .tile:last-child{grid-column:1 / -1}
}
@media (max-width:760px){
  /* טבלאות בטלפון: ריווח צר יותר, כדי שהעמודות העיקריות ייכנסו בלי גלילה */
  table{font-size:12px}
  th,td{padding:7px 5px}
  th{white-space:normal; line-height:1.25}      /* כותרת ארוכה נשברת לשתי שורות במקום להרחיב את הטבלה */
  td:has(> .who){min-width:96px}
  tbody td:first-child{white-space:normal}      /* שם מוצר ארוך נשבר; מספר מסמך ממילא לא */
}

/* שם צבעוני בטבלה: הריבוע נשאר צמוד לשם גם כששם ארוך נשבר */
.nm{white-space:nowrap}
/* סרגל תחתון בטלפון: תעודות משלוח, מכירות, ו"עוד" שפותח את תפריט הצד */
.bottombar, .shade{display:none}
@media (max-width:760px){
  .bottombar{display:grid; grid-template-columns:repeat(3, 1fr); position:fixed; inset-inline:0; bottom:0;
    z-index:50; background:var(--side); border-top:1px solid var(--sideLine);
    padding:4px 6px calc(4px + env(safe-area-inset-bottom))}
  .bottombar .nav{flex-direction:column; justify-content:center; gap:2px; padding:7px 4px; font-size:12px;
    background:none; border:0; font-family:inherit; cursor:pointer; color:var(--sideInk2); border-radius:8px}
  .bottombar .nav svg{width:21px; height:21px}
  .bottombar .nav.on{background:none; color:#fff}
  .bottombar .nav.on svg{color:var(--s1)}
  .shade{position:fixed; inset:0; z-index:55; background:rgba(0,0,0,.45)}
  body.drawer .shade{display:block}
}

/* hidden מסתיר תמיד, גם רכיב שיש לו display משלו (למשל grid2 בלשונית שאינה פעילה) */
[hidden]{display:none !important}

/* ---------------- אריח לחיץ שמוביל לפירוט ---------------- */
.tile.link{cursor:pointer; position:relative; transition:border-color .15s, box-shadow .15s}
.tile.link:hover{border-color:var(--s1); box-shadow:0 2px 10px color-mix(in srgb, var(--s1) 18%, transparent)}
.tile.link:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.tile .go{font-size:12px; color:var(--link); font-weight:600; margin-top:6px}
.card{scroll-margin-top:12px}
.card.flash{animation:flash 1.4s ease-out}
@keyframes flash{0%{box-shadow:0 0 0 3px var(--s1)} 100%{box-shadow:0 0 0 0 transparent}}

/* ---------------- טבלה עם שורות שנפתחות לפירוט ---------------- */
tr.row-x{cursor:pointer}
tr.row-x:focus-visible{outline:2px solid var(--s1); outline-offset:-2px}
tr.row-x td:first-child{position:relative; padding-inline-start:24px}
tr.row-x td:first-child::before{content:"◂"; position:absolute; inset-inline-start:8px; top:50%;
  margin-top:-8px; line-height:16px; color:var(--muted); transition:transform .15s; font-size:12px}
tr.row-x[aria-expanded="true"] td:first-child::before{transform:rotate(-90deg)}
tr.row-x[aria-expanded="true"]{background:var(--card2)}
tr.detail > td{background:var(--card2); padding:4px 10px 12px}
tr.detail table{font-size:12px; background:var(--card); border:1px solid var(--line); border-radius:8px}
tr.detail th{position:static; background:var(--card)}
.cid{display:block; font-size:12px; color:var(--muted)}

/* ---------------- דוח רווח והפסד ---------------- */
#pnlTable td:first-child, #pnlTable th:first-child{font-weight:600}
#pnlTable tr.key td{font-weight:680}
#pnlTable tr.total td{border-top:2px solid var(--line)}
#pnlTable tr.sub td{color:var(--ink2); font-size:12px}
#pnlTable tr.pctrow td{color:var(--muted); font-size:12px}
#pnlTable tr.pctrow td.late{color:var(--crit)}
.sel select + select{margin-inline-start:4px}

/* ------------------------- תגית "לא מושפע מסינון התקופה" ------------------------- */
.fixtag,.per{display:inline-block; vertical-align:2px; margin-inline-start:6px; padding:1px 7px;
  border:1px solid var(--line); border-radius:999px; font-size:12px; font-weight:500;
  color:var(--muted); letter-spacing:0; white-space:nowrap}

/* ------------------------- "מה חשוב היום" — שורת התובנה בראש המסך ------------------------- */
.pulse{display:flex; flex-wrap:wrap; gap:8px 22px; align-items:center; margin:-4px 0 18px;
  padding:11px 14px; background:var(--card); border:1px solid var(--line);
  border-inline-start:3px solid var(--crit); border-radius:var(--r); font-size:14px}
.pulse .ph{font-weight:650; color:var(--ink)}
.pulse a{color:var(--ink2); text-decoration:none}
.pulse a:hover{color:var(--link)}
.pulse a b{color:var(--crit); font-weight:650}
.pulse a .go{color:var(--link); font-size:12.5px; margin-inline-start:4px; white-space:nowrap}
@media (max-width:640px){ .pulse{flex-direction:column; align-items:flex-start; gap:4px; font-size:13.5px; padding:9px 12px}
  .pulse a .go{font-size:0} .pulse a .go::after{content:"←"; font-size:13px} }   /* בטלפון: שורה לכל התראה, רק חץ */

/* ------------------------------- אודות ------------------------------- */
.story p{font-size:15px; line-height:1.75; color:var(--ink); margin:0 0 12px; max-width:72ch}
.story p:first-child{font-size:16px}
.story p:last-child{margin-bottom:0; color:var(--ink2)}
.timeline{list-style:none; margin:16px 0 0; padding:0; border-inline-start:2px solid var(--line)}
.timeline li{position:relative; padding:4px 16px 12px; font-size:14px; color:var(--ink2)}
.timeline li::before{content:''; position:absolute; inset-inline-start:-6px; top:9px; width:10px; height:10px;
  border-radius:50%; background:var(--s1); box-shadow:0 0 0 3px var(--card)}
.timeline b{display:inline-block; min-width:44px; margin-inline-end:8px; color:var(--ink); font-variant-numeric:tabular-nums}

/* מסננים בנייד: חודש בודד בשורה, "מחודש" ו"עד" זה לצד זה, ערוץ וסניף בשורה, ואיפוס */
@media (max-width:640px){
  .filters .frow{display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%}
  .filters .frow .sel{justify-content:space-between; min-width:0}
  .filters .frow .sel select{flex:1; min-width:0}
  .filters .frow .sel:has(#month), .filters .frow .sel:has(#scope), .filters .frow #reset{grid-column:1 / -1}
}

/* ------------------------------- תפריט ייצוא ------------------------------- */
.head{align-items:flex-start}
.head .xmenu{position:relative; margin-inline-start:auto; margin-inline-end:8px}
.xmenu > summary{list-style:none; display:flex; align-items:center; gap:6px; cursor:pointer}
.xmenu > summary::-webkit-details-marker{display:none}
.xmenu > summary svg{width:16px; height:16px}
.xlist{position:absolute; inset-inline-end:0; top:calc(100% + 6px); z-index:40; min-width:230px;
  background:var(--card); border:1px solid var(--line); border-radius:12px; padding:6px;
  box-shadow:0 10px 30px rgba(0,0,0,.14); display:flex; flex-direction:column; gap:2px}
.xlist button{all:unset; cursor:pointer; padding:9px 12px; border-radius:8px; font-size:13.5px; color:var(--link)}
.xlist button:hover, .xlist button:focus-visible{background:var(--s1w)}
.xlist button:focus-visible{outline:2px solid var(--s1); outline-offset:-2px}
.xsep{font-size:12px; color:var(--muted); padding:8px 12px 2px; border-top:1px solid var(--line); margin-top:4px}
.xsep:first-child{border-top:0; margin-top:0}

/* ------------------------------- הדפסה / PDF ------------------------------- */
#printArea{display:none}
@media print{
  body.printing > *:not(#printArea){display:none !important}
  body.printing{display:block; background:#fff; color:#111}
  body.printing #printArea{display:block}
  @page{size:A4; margin:14mm 12mm}
  #printArea{font:11px/1.45 system-ui,-apple-system,"Segoe UI",Arial,sans-serif; direction:rtl}
  #printArea .p-break{break-before:page}
  #printArea .p-head{border-bottom:2px solid #c8442b; padding-bottom:8px; margin-bottom:12px}
  #printArea .p-brand{font-size:10px; letter-spacing:.3em; color:#666}
  #printArea h1{font-size:20px; margin:2px 0}
  #printArea h2{font-size:14px; margin:14px 0 4px}
  #printArea .p-sub, #printArea .p-note{color:#555; margin:2px 0 8px}
  #printArea table{width:100%; min-width:0; border-collapse:collapse; font-variant-numeric:tabular-nums; font-size:10px}
  #printArea th, #printArea td{white-space:normal; overflow-wrap:break-word; position:static}
  #printArea td.n{white-space:nowrap}
  #printArea th{background:#eef2f8; font-weight:700; text-align:right; padding:5px 6px; border-bottom:1px solid #bbb}
  #printArea td{padding:4px 6px; border-bottom:1px solid #e3e3e3; text-align:right}
  #printArea .n{text-align:center; white-space:nowrap}
  #printArea tfoot td{font-weight:700; border-top:1.5px solid #999}
  #printArea tr{break-inside:avoid}
  #printArea .p-foot{color:#888; font-size:9px; margin-top:10px}
}

/* ------------------------------- דוחות והגדרות ------------------------------- */
.rbtns{display:flex; gap:8px; margin:6px 0 4px; flex-wrap:wrap}
.rlist{font-size:12.5px; color:var(--ink2); margin:10px 0 0}
.checks{display:flex; flex-wrap:wrap; gap:8px 18px; margin:8px 0 4px}
.checks label{display:flex; align-items:center; gap:7px; font-size:13.5px; color:var(--ink); cursor:pointer; min-height:28px}   /* התווית כולה לחיצה */
.checks input{width:17px; height:17px; accent-color:var(--s1)}
.checks select, .sel input[type=text]{font:inherit; font-size:12.5px; color:var(--ink); background:var(--card);
  border:1px solid var(--line); border-radius:8px; padding:6px 9px}
.sel input[type=text]{min-width:min(360px, 70vw)}
tr.today td{background:var(--s1w); font-weight:650}
tr.off td{color:var(--muted)}

/* היכרות עם האתר — בכניסה הראשונה (welcome ב-core.js). כפתור — --sel: לבן עליו ב-AA בשני המצבים */
dialog.welcome{max-width:560px; width:calc(100% - 32px); max-height:calc(100dvh - 32px); padding:0; overflow:hidden;
  border:1px solid var(--line); border-radius:var(--r); background:var(--card); color:var(--ink); box-shadow:0 20px 60px rgba(0,0,0,.35)}
dialog.welcome[open]{display:flex; flex-direction:column}
dialog.welcome::backdrop{background:rgba(10,10,12,.55)}
.welcome .wbody{position:relative; padding:22px 22px 6px; overflow:auto}
.welcome h2{margin:0 0 6px; padding-inline-end:36px; font-size:20px; line-height:1.35}
.welcome h3{margin:16px 0 6px; font-size:14px; color:var(--ink2)}
.welcome .wlead{margin:0; color:var(--ink2); line-height:1.65}
.welcome ul.groups{list-style:none; margin:0; padding:0; display:grid; gap:2px}
.welcome li a{display:block; padding:8px 10px; border-radius:8px; color:var(--ink); text-decoration:none}
.welcome li a:hover, .welcome li a:focus-visible{background:var(--card2); outline:2px solid var(--s1); outline-offset:-2px}
.welcome li b{display:block; color:var(--link)}
.welcome li span{color:var(--muted); font-size:13.5px}
.welcome .wtip{margin:12px 0 0; color:var(--muted); font-size:13.5px}
.welcome .wtip svg{width:15px; height:15px; vertical-align:-3px}
.welcome .wx{position:absolute; top:14px; inset-inline-end:14px; width:32px; height:32px; display:grid; place-items:center;
  background:none; border:0; border-radius:8px; color:var(--ink2); cursor:pointer}
.welcome .wx:hover{background:var(--card2)}
.welcome .wx svg{width:20px; height:20px}
.welcome .wfoot{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 22px 18px; border-top:1px solid var(--line)}
.welcome .wfoot a{color:var(--link)}
.welcome .wgo{background:var(--sel); color:#fff; border:0; border-radius:8px; padding:10px 24px; font:inherit; font-weight:600; cursor:pointer}
.welcome .wgo:focus-visible, .welcome .wx:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
/* שלב הכניסה (בחירת תפקיד) ודף החברה — welcome ב-core.js */
dialog.welcome.login::backdrop{background:var(--page, #f4f4f2)}            /* הכניסה מסתירה את המסך — כמו דף כניסה אמיתי */
.welcome.login{max-width:480px}
.welcome.login .wbody{padding:28px 24px 22px; text-align:center}
.welcome .wbrand{display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:14px; color:var(--ink)}
.welcome .wbrand .logo{width:46px; height:36px}
.welcome .wbrand .wm{display:flex; flex-direction:column; line-height:1; text-align:start}
.welcome .wbrand .wm em{font-style:normal; font-size:12px; letter-spacing:3px; color:var(--muted)}
.welcome .wbrand .wm b{font-size:24px}
.welcome.login h2{padding:0}
.roles{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0 12px}
.role{display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 10px; min-height:112px; font:inherit; text-align:center;
  background:var(--card2); color:var(--ink); border:1px solid var(--line); border-radius:var(--r); cursor:pointer}
.role svg{width:24px; height:24px; color:var(--link)}
.role b{font-size:15px}
.role span{font-size:12.5px; color:var(--muted); line-height:1.4}
.role:hover{border-color:var(--link)}
.role:focus-visible, .wskip:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.wskip{background:none; border:0; font:inherit; font-size:13.5px; color:var(--link); text-decoration:underline; cursor:pointer; padding:6px 10px; min-height:24px}
.welcome .facts{list-style:none; display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 0; padding:0}
.welcome .facts li{padding:3px 10px; border:1px solid var(--line); border-radius:999px; font-size:13px; color:var(--ink2)}
@media (max-width:420px){ .roles{grid-template-columns:1fr} .role{min-height:0; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; text-align:start}
  .role span{flex-basis:100%} }

/* ------------------------------- דף נחיתה (start.html) — בלי תפריט, מסר אחד ------------------------------- */
body.lp{display:block}
.lp main{max-width:1080px; margin:0 auto; padding:18px 24px 40px}
.lptop{display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:14px; border-bottom:1px solid var(--line)}
.lpname{display:flex; flex-direction:column; line-height:1.25}
.lpname b{font-size:17px; color:var(--ink)}
.lpname span{font-size:12.5px; color:var(--muted)}
.lplink{color:var(--link); font-weight:600; text-decoration:none; padding:6px 0}
.lplink:hover{text-decoration:underline}
.lphero{display:grid; grid-template-columns:1fr 1.15fr; gap:32px; align-items:center; padding:36px 0 18px}
.lphero h1{font-size:38px; line-height:1.18; letter-spacing:-.5px; margin:0 0 14px; color:var(--ink)}
.lpsub{font-size:17px; color:var(--ink2); margin:0 0 20px; max-width:46ch}
.lpcta{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 14px}
.lpgo{display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:8px; background:var(--sel); color:#fff;
  font-weight:650; text-decoration:none; font-size:15.5px}
.lpgo svg, .lpcta .wa svg{width:20px; height:20px; flex:none}
.lpgo:hover{filter:brightness(1.1)}
.lpcta .wa{padding:10px 18px; font-size:15.5px}
.lpgo:focus-visible, .lplink:focus-visible, .lpshot:focus-visible, .lpgal a:focus-visible{outline:2px solid var(--s1); outline-offset:3px}
.lpnote{font-size:13px; color:var(--muted); margin:0; max-width:52ch}
.lpshot{display:block; border-radius:12px; overflow:hidden; border:1px solid var(--line); box-shadow:0 18px 50px -20px rgba(0,0,0,.45)}
.lpshot img, .lpgal img{display:block; width:100%; height:auto}
.lpsec{padding:26px 0 6px}
.lpsec h2{font-size:22px; margin:0 0 14px; color:var(--ink)}
.lpcards{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4, 1fr); gap:12px}
.lpcards li{background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:16px}
.lpcards svg{width:24px; height:24px; color:var(--link); display:block; margin-bottom:8px}
.lpcards b{display:block; font-size:15.5px; color:var(--ink); margin-bottom:4px}
.lpcards span{font-size:13.5px; color:var(--ink2)}
.lpgal{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px}
.lpgal a{display:block; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--card); text-decoration:none}
.lpgal span{display:block; padding:9px 12px; font-size:13.5px; color:var(--ink); font-weight:600}
.lpgal a:hover span{color:var(--link)}
.lpsteps{list-style:none; counter-reset:st; margin:0; padding:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:12px}
.lpsteps li{counter-increment:st; background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:16px 16px 16px 16px; position:relative}
.lpsteps li::before{content:counter(st); display:grid; place-items:center; width:28px; height:28px; border-radius:50%;
  background:var(--sel); color:#fff; font-weight:700; margin-bottom:8px}
.lpsteps b{display:block; font-size:15.5px; color:var(--ink); margin-bottom:4px}
.lpsteps span{font-size:13.5px; color:var(--ink2)}
.lpme{display:flex; align-items:flex-start; gap:18px}
.lpme p{margin:0; font-size:15.5px; color:var(--ink2); max-width:64ch}
.lpq{border-bottom:1px solid var(--line); padding:4px 0}
.lpq summary{cursor:pointer; padding:10px 0; font-weight:600; color:var(--ink); min-height:24px}
.lpq summary:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.lpq p{margin:0 0 12px; color:var(--ink2)}
@media (max-width:860px){
  .lphero{grid-template-columns:1fr; gap:22px; padding-top:24px}
  .lphero h1{font-size:29px}
  .lpcards{grid-template-columns:1fr 1fr}
  .lpgal, .lpsteps{grid-template-columns:1fr}
}
@media (max-width:480px){
  .lp main{padding:14px 16px 32px}
  .lpcards{grid-template-columns:1fr}
  .lpgo, .lpcta .wa{flex:1 1 100%; justify-content:center}
}
/* הזמנה עדינה לפנות — nudge ב-core.js */
.nudge{position:fixed; z-index:50; bottom:16px; inset-inline-start:50%; transform:translateX(50%); width:min(720px, calc(100% - 32px));
  display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; padding:12px 16px; padding-inline-end:48px; background:var(--card);
  border:1px solid var(--line); border-inline-start:3px solid var(--sel); border-radius:var(--r); box-shadow:0 14px 40px -12px rgba(0,0,0,.4); font-size:14px}
.nudge p{margin:0}
.nudge p span{color:var(--ink2)}
.nudge .cta{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.nudge .wa, .nudge .leadbtn{padding:6px 14px}
.nudge .nmore{color:var(--link); font-size:13.5px}
.nudge .wx{position:absolute; top:8px; inset-inline-end:8px; width:32px; height:32px; display:grid; place-items:center; background:none;
  border:0; border-radius:8px; color:var(--ink2); cursor:pointer}
.nudge .wx svg{width:18px; height:18px}
.nudge .wx:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
@media (max-width:760px){ .nudge{bottom:76px} .nudge p span{display:none} }
/* סיור קצר לפי תפקיד — tour ב-core.js. הפס כמו nudge; הכרטיס המודגש — מסגרת בצבע המותג */
.touron{outline:3px solid var(--brand) !important; outline-offset:4px; border-radius:var(--r)}
.tourbar{position:fixed; z-index:60; bottom:16px; inset-inline-start:50%; transform:translateX(50%); width:min(560px, calc(100% - 32px));
  padding:14px 16px; padding-inline-end:48px; background:var(--card); border:1px solid var(--line); border-inline-start:3px solid var(--brand);
  border-radius:var(--r); box-shadow:0 14px 40px -12px rgba(0,0,0,.45)}
.tourbar p{margin:0}
.tourbar .tstep{font-size:12.5px; color:var(--muted); margin-bottom:4px}
.tourbar .ttxt{font-size:15px; color:var(--ink); line-height:1.5}
.tourbar .tbtn{display:flex; gap:8px; justify-content:flex-end; margin-top:10px}
.tourbar .tnext{background:var(--sel); color:#fff; border:0; border-radius:8px; padding:8px 20px; font:inherit; font-weight:600; cursor:pointer; min-height:32px}
.tourbar .tnext:focus-visible, .tourbar .tprev:focus-visible, .tourbar .wx:focus-visible{outline:2px solid var(--s1); outline-offset:2px}
.tourbar .wx{position:absolute; top:8px; inset-inline-end:8px; width:32px; height:32px; display:grid; place-items:center; background:none;
  border:0; border-radius:8px; color:var(--ink2); cursor:pointer}
.tourbar .wx svg{width:18px; height:18px}
@media (max-width:760px){ .tourbar{bottom:76px} }