/* ============================================================
   TrusteeCalc Pro - Design System
   פלטת תכלת רכה | RTL | טיפוגרפיה עברית
   ============================================================ */
/* Heebo - self-hosted (vendored מ-Google Fonts, SIL OFL; variable font, קובץ-אחד לכל-subset). ללא CDN חיצוני. */
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 900;font-display:swap;src:url('/static/fonts/heebo-hebrew.woff2') format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Heebo';font-style:normal;font-weight:300 900;font-display:swap;src:url('/static/fonts/heebo-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  /* ---- פלטת תכלת רכה ---- */
  --teal:#34b3c4;            /* תכלת ראשי רך */
  --teal-dark:#1f7382;       /* תכלת כהה - טקסט/כפתורים (ניגודיות AA 5:1) */
  --teal-deep:#1c6b78;       /* תכלת עמוק */
  --teal-light:#7fcdd9;      /* תכלת בהיר */
  --teal-soft:#e8f6f8;       /* רקע תכלת עדין */
  --teal-50:#f3fafb;         /* כמעט לבן עם נגיעת תכלת */
  --accent:#eaa766;          /* גוון חם רך - אקצנט */
  --accent-soft:#fdf3e8;
  --ink:#1c2b36;             /* טקסט כהה ראשי */
  --ink-soft:#3d4f5c;        /* טקסט כהה משני */
  --muted:#566573;           /* טקסט אפור (ניגודיות AA) */
  --bg:#f7fafb;              /* רקע עמוד */
  --card:#ffffff;
  --border:#e4edf0;
  --border-soft:#eef4f6;
  --danger:#cf3f57;
  --danger-soft:#fdeef1;
  --ok:#1f8a6e;
  --ok-soft:#e9f7f2;
  --ok-border:#bbf7d0;        /* מסגרת באנר-הצלחה (זהה בכל האתר - אליאס לצבע-חוזר, ללא שינוי-רינדור) */
  --ink-deep:#14323a;         /* כחול-כהה כותרות-טבלה/פוטר/עמודה-דביקה (אליאס ל-#14323a החוזר) */
  --warn:#d97706;             /* כתום-אזהרה סמנטי (טקסט) */
  --warn-soft:#fef3c7;        /* כתום-אזהרה רקע */
  --warn-border:#fde68a;      /* כתום-אזהרה מסגרת */
  /* ---- טוקני-טקסט כהים על רקעי -soft (AA>=4.5 לטקסט-קטן; הצבע הבסיסי משמש רקע/גבול/אייקון ולא-עומד ב-4.5 כטקסט) ---- */
  --warn-deep:#92400e;        /* טקסט-אזהרה על --warn-soft; הקוד כבר-מצפה לו ב-var(--warn-deep,--warn) */
  --ok-text:#0f6d51;          /* טקסט-הצלחה על --ok-soft (--ok עצמו רק ~3.9) */
  --danger-deep:#b02540;      /* טקסט-שגיאה על --danger-soft */
  --danger-btn:#cf3f57;       /* רקע-כפתור-מחיקה - יציב בשני-המצבים (כמו --btn-bg) כדי שטקסט-לבן יישאר AA */
  /* ---- טוקנים ---- */
  --radius:14px; --radius-lg:24px; --radius-sm:9px; --radius-pill:999px;
  --shadow:0 2px 14px rgba(28,43,54,.05);
  --shadow-md:0 12px 32px rgba(28,43,54,.08);
  --shadow-lg:0 24px 60px rgba(28,43,54,.13);
  --shadow-teal:0 14px 36px rgba(52,179,196,.28);
  --maxw:1180px;
  --grad:linear-gradient(135deg,var(--teal),var(--teal-dark));
  --grad-hl:linear-gradient(135deg,var(--teal-dark),var(--teal-deep));  /* גרדיאנט-טקסט לכותרת-הירו (text-clip): כהה-דיו כטקסט בבהיר, מובהר בכהה - נבדל מ---grad (משטח לבן-טקסט) */
  --grad-soft:linear-gradient(160deg,#f3fafb,#e8f6f8);
  --ease:cubic-bezier(.22,.61,.36,1);
  --btn-bg:var(--teal-dark);          /* רקע-כפתור-מלא (נבדל מ---teal-dark של טקסט/קישור; בכהה נשאר-כהה כדי שטקסט-לבן יישאר AA) */
  --nav-glass:rgba(255,255,255,.85);  /* רקע-זכוכית של ה-nav הדביק */
  --zebra:#fbfdfe;                    /* פס-זברה לשורות-טבלה */
  --toast-bg:#1c2b36;                 /* רקע-הטוסט = משטח כהה-תמיד (בבהיר זהה ל---ink). ⚠ טוקן-טקסט (--ink) לעולם לא כרקע - הוא מתהפך בכהה */
  --paper:#ffffff;                    /* "נייר" - תצוגה-מקדימה של מסמך/חתימה/לוגו. ⚠ לא ממופה בבלוקי-הכהה = נשאר לבן תמיד (חתימה בדיו-כהה תיעלם על רקע כהה) */
}

/* ============================================================
   מצב-לילה (Dark Mode) - מקור-אמת-יחיד לערכי-כהה (--dk-*), ואז מיפוי-דק
   בשני בלוקים: דריסה-מפורשת (data-theme=dark) + זיהוי-אוטו-של-מערכת (CSS-בלבד -> בלי הבזק).
   --teal-dark מתבהר (טקסט/קישורים); --btn-bg נשאר-כהה (כפתורים עם טקסט-לבן = AA).
   --teal/--teal-deep/--accent/--ok/--danger/--warn נשמרים (משמשים גם רקע-כפתור עם טקסט-לבן).
   ============================================================ */
:root{
  --dk-bg:#0f1c22; --dk-card:#182830; --dk-ink:#e8eff2; --dk-ink-soft:#bcccd3; --dk-muted:#8ea3ac;
  --dk-ink-deep:#0c1e24; --dk-border:#2c3e48; --dk-border-soft:#223139;
  --dk-teal-soft:#13303a; --dk-teal-50:#102730; --dk-teal-light:#3f7f8d; --dk-teal-dark:#5cc3d4; --dk-btn-bg:#1f7382;
  --dk-accent-soft:#2f2519;
  --dk-danger-soft:#3a1c23; --dk-ok-soft:#123329; --dk-ok-border:#215c4b; --dk-warn-soft:#3a2f14; --dk-warn-border:#5a4a1e;
  --dk-danger:#ec7385; --dk-ok:#3fbf98; --dk-warn:#f0a835;  /* טקסט-סטטוס מובהר לכהה = AA>=4.5 על הפאנל-הרך ועל הכרטיס (הערך-הבהיר משמש גם גבול/מילוי) */
  --dk-toast-bg:#2c3e48;  /* טוסט בכהה: מורם מעל הכרטיס (#182830) כדי שייראה "צף"; טקסט לבן עליו ~10.5:1 */
  --dk-nav-glass:rgba(16,26,32,.85); --dk-zebra:#14252d;
  --dk-shadow:0 2px 14px rgba(0,0,0,.45); --dk-shadow-md:0 12px 32px rgba(0,0,0,.55); --dk-shadow-lg:0 24px 60px rgba(0,0,0,.6);
  --dk-grad-soft:linear-gradient(160deg,#13252c,#16323b);
  --dk-grad:linear-gradient(135deg,#1f7382,#13303a);   /* גרדיאנט-משטח יציב-כהה בכהה: טקסט-לבן עליו נשאר AA (במקום הבהרת --teal-dark שהפכה את הפאנל לבהיר) */
  --dk-grad-hl:linear-gradient(135deg,#5cc3d4,#7fcdd9);  /* גרדיאנט-כותרת-ירו בכהה: מובהר, קריא על רקע-כהה */
}
:root[data-theme="dark"]{
  --bg:var(--dk-bg); --card:var(--dk-card); --ink:var(--dk-ink); --ink-soft:var(--dk-ink-soft); --muted:var(--dk-muted);
  --ink-deep:var(--dk-ink-deep); --border:var(--dk-border); --border-soft:var(--dk-border-soft);
  --teal-soft:var(--dk-teal-soft); --teal-50:var(--dk-teal-50); --teal-light:var(--dk-teal-light); --teal-dark:var(--dk-teal-dark); --btn-bg:var(--dk-btn-bg);
  --accent-soft:var(--dk-accent-soft);
  --danger-soft:var(--dk-danger-soft); --ok-soft:var(--dk-ok-soft); --ok-border:var(--dk-ok-border); --warn-soft:var(--dk-warn-soft); --warn-border:var(--dk-warn-border); --danger:var(--dk-danger); --ok:var(--dk-ok); --warn:var(--dk-warn);
  --nav-glass:var(--dk-nav-glass); --zebra:var(--dk-zebra); --toast-bg:var(--dk-toast-bg);
  --shadow:var(--dk-shadow); --shadow-md:var(--dk-shadow-md); --shadow-lg:var(--dk-shadow-lg); --grad-soft:var(--dk-grad-soft);
  --warn-deep:var(--dk-warn); --ok-text:var(--dk-ok); --danger-deep:var(--dk-danger); --grad:var(--dk-grad); --grad-hl:var(--dk-grad-hl);  /* טוקני-טקסט-כהים מובהרים בכהה; --danger-btn נשאר יציב (לא-ממופה) */
  color-scheme:dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:var(--dk-bg); --card:var(--dk-card); --ink:var(--dk-ink); --ink-soft:var(--dk-ink-soft); --muted:var(--dk-muted);
    --ink-deep:var(--dk-ink-deep); --border:var(--dk-border); --border-soft:var(--dk-border-soft);
    --teal-soft:var(--dk-teal-soft); --teal-50:var(--dk-teal-50); --teal-light:var(--dk-teal-light); --teal-dark:var(--dk-teal-dark); --btn-bg:var(--dk-btn-bg);
    --accent-soft:var(--dk-accent-soft);
    --danger-soft:var(--dk-danger-soft); --ok-soft:var(--dk-ok-soft); --ok-border:var(--dk-ok-border); --warn-soft:var(--dk-warn-soft); --warn-border:var(--dk-warn-border); --danger:var(--dk-danger); --ok:var(--dk-ok); --warn:var(--dk-warn);
    --nav-glass:var(--dk-nav-glass); --zebra:var(--dk-zebra); --toast-bg:var(--dk-toast-bg);
    --shadow:var(--dk-shadow); --shadow-md:var(--dk-shadow-md); --shadow-lg:var(--dk-shadow-lg); --grad-soft:var(--dk-grad-soft);
    --warn-deep:var(--dk-warn); --ok-text:var(--dk-ok); --danger-deep:var(--dk-danger); --grad:var(--dk-grad); --grad-hl:var(--dk-grad-hl);
    color-scheme:dark;
  }
}

*{box-sizing:border-box}
/* accent-color עובר-בירושה -> שורה אחת צובעת סליידר/תיבת-סימון/רדיו/progress בכל האתר בצבע-המותג.
   ⚠ דווקא --btn-bg (ולא --teal-dark): פקד-מסומן = משטח-מלא עם וי לבן, ו---btn-bg הוא הטוקן שנשאר כהה
   בשני המצבים (#1f7382) כדי שהלבן יישאר AA (5.48:1). --teal-dark מתבהר ל-#5cc3d4 בכהה והווי היה נעלם. */
html{scroll-behavior:smooth;accent-color:var(--btn-bg)}
/* סליידר/progress הם היוצא-מן-הכלל: אין עליהם וי/טקסט לבן, ולכן אילוץ "להישאר כהה" לא חל עליהם -
   הם דווקא צריכים להיות *נראים* מול הרקע. --teal-dark מתבהר בכהה (#5cc3d4) ולכן נותן 5.48:1 בבהיר
   ו-7.37:1 בכהה, במקום 2.77:1 שהיה מתקבל מ---btn-bg מול כרטיס-כהה. */
input[type=range],progress{accent-color:var(--teal-dark)}
::selection{background:var(--btn-bg);color:#fff}
body{font-family:'Heebo','Segoe UI',Arial,sans-serif;background:var(--bg);color:var(--ink);
  margin:0;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--teal-dark);text-decoration:none;transition:color .15s var(--ease)}
.legal-body a:not(.btn){text-decoration:underline;text-underline-offset:3px}   /* קישורי-פרוזה בעמודי-משפט מובחנים ביותר-מצבע (WCAG 1.4.1); כפתורים פטורים */
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.25;font-weight:800;color:var(--ink);letter-spacing:-.01em}
p{margin:0 0 1em}
img{max-width:100%}
section{position:relative}
/* P1-f (10/07): האטריבוט `hidden` חייב לנצח `display:flex`/`block` inline. פסי-הבחירה ב-history/trash הוגדרו
   `<div hidden style="display:flex">` וה-JS מחליף רק את האטריבוט; בלי הכלל הזה ה-inline דרס את ברירת-המחדל של
   הדפדפן והפסים הוצגו ריקים-אך-גלויים (כולל כפתור-מחיקה דרוך על אפס-בחירה). כשה-JS מסיר את האטריבוט - ה-inline חוזר. */
[hidden]{display:none !important}
/* ---- רשת-ביטחון רספונסיבית גלובלית: מונעת גלילה-אופקית וחיתוך-טקסט בכל-מסך ---- */
html,body{overflow-x:clip}                                   /* אלמנט חורג בודד לא מגלגל את כל העמוד */
.creditor-grid>*,.setup-grid>*,.metrics>*,.row-grid>*{min-width:0}   /* grid items מתכווצים מתחת לתוכן */
input[type=file]{max-width:100%;box-sizing:border-box}
h1,h2,h3,h4,p{overflow-wrap:break-word}                      /* כותרות/פסקאות ארוכות נשברות, לא גולשות */
.footer a[href^="mailto"],.footer p{overflow-wrap:anywhere}
.ltr-cell{direction:ltr;text-align:right}                    /* תא-מזהה LTR בטבלת-RTL: יישור-ימין תחת הכותרת */
section[id]{scroll-margin-top:70px}                          /* עוגני-ניווט לא נוחתים מתחת לפס-הדביק */
/* (רוחב .acc-panel מוגדר בקביעה היחידה שלו למטה - קביעה כפולה כאן הייתה קוד-מת: אותה ספציפיות, המאוחר גובר) */
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center}
.muted{color:var(--muted)}
.eyebrow{color:var(--teal-dark);font-weight:700;font-size:.82rem;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:10px;display:inline-block}

/* ---- כפתורים ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--btn-bg);
  color:#fff;border:none;border-radius:var(--radius-sm);padding:11px 20px;font-weight:600;font-size:.96rem;
  font-family:inherit;cursor:pointer;transition:.18s var(--ease);text-align:center;line-height:1.2}
.btn:hover{background:var(--teal-deep);transform:translateY(-1px);box-shadow:var(--shadow-teal)}
.btn:active{transform:translateY(0)}
.btn.lg{padding:15px 30px;font-size:1.05rem;border-radius:var(--radius)}
.btn.sm{padding:6px 13px;font-size:.85rem}
.btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--border)}
.btn.ghost:hover{color:var(--teal-dark);border-color:var(--teal-light);background:var(--teal-50);box-shadow:none}
.btn.outline{background:transparent;color:var(--teal-dark);border:1.5px solid var(--teal-dark)}   /* גבול היה --teal #34b3c4 = ~2.4:1 על רקע-בהיר (מתחת ל-3:1 של WCAG 1.4.11) -> --teal-dark */
.btn.outline:hover{background:var(--teal);color:#fff}
.btn.white{background:var(--card);color:var(--teal-dark)}
.btn.white:hover{background:var(--teal-50)}
.btn.danger{background:var(--danger-btn)}
.btn.danger:hover{background:#c4445a;box-shadow:0 14px 36px rgba(207,63,87,.28)}   /* ⛔ .btn:hover מוסיף --shadow-teal; בלי דריסה כאן מתקבלת הילה תכלת סביב כפתור-מחיקה אדום */
.btn.ghost.danger{background:transparent;color:var(--danger);border-color:var(--danger-soft)}    /* פעולת-הרס משנית (שורת-טבלה) - שפה ויזואלית אחידה */
.btn.ghost.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}
.btn.block{display:flex;width:100%}
/* מצב מושבת - חזותי ברור שהכפתור תפוס/לא-זמין (כל הכפתורים מושבתים תוך-כדי עיבוד) */
.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}
.btn:disabled:hover,.btn[disabled]:hover{background:var(--btn-bg)}
.btn.ghost:disabled:hover,.btn.ghost[disabled]:hover{background:transparent;color:var(--ink-soft);border-color:var(--border)}
.btn.outline:disabled:hover,.btn.outline[disabled]:hover{background:transparent;color:var(--teal-dark)}
/* אשכול-פעולות לכל נושה: אשכול קומפקטי וממורכז (עיקריות בולטות, ייצוא משני עדין יותר) - בלי שטח-לבן מיותר */
.cr-actions{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;max-width:360px;vertical-align:middle}
.cr-actions .btn{white-space:nowrap;min-height:32px}      /* גובה אחיד - היררכיה לפי-צבע, לא לפי-גובה-אקראי */
.cr-actions .cr-sec{font-size:.8rem;padding:5px 11px}
/* כרטיסי-הקמה (אזור אישי): קופסה נקייה ומובחנת לכל פריט-מילוי - ברור, מרוכז, נגיש */
.setup-box{border:1px solid var(--border-soft);border-radius:10px;padding:14px 15px;background:var(--card)}
.setup-h{font-weight:700;color:var(--teal-dark);margin-bottom:4px}
.setup-sub{font-size:.8rem;margin:0 0 10px;line-height:1.5}
/* חיווי-סטטוס להעלאות (חתימה/חתימת-מייל/לוגו): 'הועלה ✓' ירוק מול 'לא הועלה' כתום - אייקון+טקסט, לא צבע-בלבד */
.up-status{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;border-radius:8px;padding:2px 9px;margin:0 0 9px;border:1px solid}
.up-status.ok{color:var(--ok-text);background:var(--ok-soft);border-color:var(--ok-border)}
.up-status.missing{color:var(--warn-deep,var(--warn));background:var(--warn-soft);border-color:var(--warn-border)}
.up-status.optional{color:var(--teal-dark);background:var(--teal-50);border-color:var(--teal-light)}   /* פריט-רשות (לוגו) - טון-ניטרלי, לא אזהרה-אדומה */
/* ---- כרטיס-הקמה: פס-התקדמות + כרטיסי-משבצת עם מצב + תגיות-חובה (עיצוב-מחדש) ---- */
.setup-progress{display:flex;align-items:center;gap:10px;margin:10px 0 4px;font-size:.82rem;font-weight:700;color:var(--ink-soft)}
.setup-bar{flex:1;height:8px;border-radius:99px;background:var(--border-soft);overflow:hidden;min-width:80px;max-width:220px}
.setup-bar>i{display:block;height:100%;background:var(--grad);transition:width .35s var(--ease)}
.setup-box{transition:border-color .15s,box-shadow .15s}
.setup-box:hover{border-color:var(--teal-light);box-shadow:var(--shadow)}
.setup-box--done{border-color:var(--ok-border);background:linear-gradient(0deg,var(--ok-soft),var(--card) 42%)}
.req-tag{font-size:.68rem;font-weight:700;border-radius:6px;padding:1px 7px;margin-inline-start:6px;background:var(--danger-soft);color:var(--danger);white-space:nowrap;vertical-align:middle}
.req-tag.opt{background:var(--teal-50);color:var(--teal-dark)}
.req-hint{display:block;font-size:.72rem;font-weight:600;color:var(--warn);margin-top:2px}
/* --- אריחי-הקמה בדשבורד (אקורדיון קומפקטי, 4 בשורה) --- */
.setup-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}
@media(max-width:960px){.setup-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.setup-tiles{grid-template-columns:1fr}}
.setup-tile{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:16px}
.setup-tile.done{border-color:var(--ok-border);background:linear-gradient(0deg,var(--ok-soft),var(--card) 55%)}
.setup-tile>summary{list-style:none;cursor:pointer;display:block}
.setup-tile>summary::-webkit-details-marker{display:none}
.setup-tile .st-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.setup-tile .st-title{display:block;font-weight:700;color:var(--ink);font-size:.98rem}
.setup-tile .st-sub{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.setup-tile .st-edit{display:inline-flex;align-items:center;gap:4px;margin-top:10px;color:var(--teal-dark);font-weight:600;font-size:.82rem}
.setup-tile[open] .st-edit{display:none}
.setup-tile .st-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-soft)}
.st-pill{font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 10px;white-space:nowrap}
.st-pill.ok{background:var(--ok-soft);color:var(--ok-text)}
.st-pill.req{background:var(--warn-soft);color:var(--warn-deep)}
.st-pill.opt{background:var(--teal-soft);color:var(--teal-dark)}
/* --- פקד-העלאת-קובץ מעוצב (file-inputs.js עוטף כל input[type=file] גלוי) --- */
.file-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px dashed var(--teal);border-radius:8px;background:var(--teal-soft);color:var(--teal-dark);font-weight:600;font-size:.85rem;cursor:pointer;max-width:100%}
.file-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-btn input[type=file]{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
/* ⛔ `.file-btn` היה הפקד היחיד באתר עם `cursor:pointer` ובלי `:hover` כלל - כלומר נראה
   לחיץ ולא הגיב. וה-input מוסתר ב-1x1 שקוף, ולכן `input[type=file]:focus-visible` הגלובלי
   צייר טבעת-מיקוד סביב **ריבוע זעיר** במקום סביב הכפתור. `:focus-within` מעביר אותה לעטיפה. */
/* פוטר-אפליקציה (ר' _app_footer.html) - שורת-קישורים דקה, לא טורים */
.app-footer{margin-top:36px;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-soft);background:var(--bg-soft,transparent)}
.app-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;max-width:1100px;margin:0 auto}
.app-footer a{color:var(--muted);font-size:.85rem;text-decoration:none}
.app-footer a:hover{color:var(--teal-dark);text-decoration:underline}
/* 🔴 פינוי לכפתור-הנגישות הצף. `.acc-fab` הוא position:fixed בפינה שמאלית-תחתונה
   (‏left:20px · bottom:20px · 52x52 · z-index:60) ⇒ הוא תופס לצמיתות את הרצועה vh-72..vh-20.
   הפוטר הזה **דק** ויושב בתחתית-המסמך, ולכן בגלילה-לתחתית שורותיו נוחתות בדיוק שם.
   ⭐ נמדד ב-/dashboard האמיתי (375x812): "שאלות נפוצות" ב-[35.5,742.3]-[115.3,764] מכוסה 46%,
   ו-`elementFromPoint` באמצע-החפיפה החזיר את ה-svg של ה-FAB ⇒ **הקישור לא לחיץ**. ב-768: "תמיכה" 32%.
   ⚠ הפוטר השיווקי (`base_site.html`) חסין - יש לו תוכן מתחת לקישורים; נמדד 0/13. זה חדש ושלי.
   התנאי המדויק, בלי-תלות-ברוחב: השורה האחרונה חייבת להסתיים מעל vh-72 ⇒ padding-bottom >= 72px.
   הגידור ל-900px: החסימה נפסקת סביב 777px (רוחב-שורה ~633 + מרכוז), ו-900 משאיר מרווח
   להגדלת-טקסט (‏.acc-large-text 118%) ולתוספת קישור עתידית. מעל זה - הקישורים רחוקים אופקית מה-FAB.
   ⚠ **84 ולא 72:** ‏72 הוא הטווח **המדויק** של ה-FAB, ולכן נתן מרווח שנמדד `0.2px` - עובר, אבל על
   קצה-התער: כל עיגול-פיקסלים, DPR או מטריקת-פונט שונה מחזירים את הבאג. ‏12px = נשימה מדודה. */
@media (max-width:900px){
  .app-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
.file-btn:hover{background:var(--teal-soft);border-color:var(--teal-dark);color:var(--teal-dark)}
.file-btn:focus-within{outline:3px solid var(--teal-dark);outline-offset:2px}
.file-btn.has-file{border-style:solid;border-color:var(--ok-border);background:var(--ok-soft);color:var(--ok-text)}
/* צ'יפ-טעון: אייקון-עין (רמז-צפייה) + שם-הקובץ (מתכווץ) + כפתור-הסרה ✕ (file-inputs.js) */
.file-btn .file-eye{flex:0 0 auto;opacity:.85}
.file-btn .file-txt{flex:1 1 auto;min-width:0}
.file-btn .file-x{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.72rem;color:var(--ink-soft);background:rgba(0,0,0,.07);cursor:pointer}
.file-btn .file-x:hover{background:var(--danger-soft);color:var(--danger)}
.file-btn .file-x:focus-visible{outline:2px solid var(--teal-dark);outline-offset:1px}
/* --- עזרת-התקנה לאפליקציית-אימות (/account/2fa): details מקופל + ברקודי-הורדה לחנויות --- */
.auth-apps{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--teal-soft);margin:0 0 16px}
.auth-apps>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:10px 12px;font-weight:600;font-size:.88rem;color:var(--teal-dark)}
.auth-apps>summary::-webkit-details-marker{display:none}
.auth-apps>summary::after{content:'▾';margin-inline-start:auto;font-size:.9rem;line-height:1;transition:transform .15s}
.auth-apps[open]>summary::after{transform:rotate(180deg)}
.auth-apps>summary:focus-visible{outline:2px solid var(--teal-dark);outline-offset:-2px;border-radius:var(--radius-sm)}
.auth-apps-body{padding:0 12px 12px}
.auth-apps-lead{font-size:.83rem;margin:0 0 10px}
/* אפליקציה-לשורה: כך כל ברקוד מקבל ~150px (כתובת-Play ארוכה => QR צפוף; קטן מדי לא-נסרק) */
.auth-apps-grid{display:flex;flex-direction:column;gap:12px}
.auth-app{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}
.auth-app-name{font-weight:700;font-size:.86rem;color:var(--ink-soft);text-align:center;margin-bottom:8px}
.auth-app-stores{display:flex;gap:14px;justify-content:center}
.auth-store{margin:0;flex:0 0 150px;max-width:150px;text-align:center}
.auth-qr{width:100%;max-width:150px;margin:0 auto 5px}
.auth-qr svg{width:100%;height:auto;display:block}
.auth-store figcaption{font-size:.76rem;color:var(--ink-soft);line-height:1.55}
.auth-store figcaption a{font-weight:600}
.auth-apps-note{font-size:.78rem;margin:12px 0 0}
@media(max-width:520px){.auth-app-stores{flex-direction:column;align-items:center}.auth-store{flex:0 1 auto;width:100%;max-width:170px}.auth-qr{max-width:170px}}
/* --- תפריט-גלישה "⋯" לשורת-תיק (cases): "פתח" ראשי גלוי, שאר-הפעולות בתפריט --- */
.row-menu{position:relative;display:inline-block;margin-inline-start:4px}
.row-menu>summary{list-style:none;cursor:pointer}
.row-menu>summary::-webkit-details-marker{display:none}
.row-menu-pop{position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:20;min-width:140px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;gap:4px}
.row-menu-pop .btn{width:100%;justify-content:flex-start;margin:0}
/* מובייל (≤900: table=display:block;overflow-x:auto): popup סטטי שמרחיב את השורה - לא נחתך ע"י ה-overflow */
@media(max-width:900px){.row-menu-pop{position:static;box-shadow:none;border:none;padding:4px 0;min-width:0}}
.setup-status-chip{font-size:.8rem;font-weight:700;white-space:normal;display:inline-flex;flex-wrap:wrap;gap:2px 4px;align-items:center}
td.actions{white-space:nowrap}   /* דסקטופ: כפתורי-פעולות התיקים בשורה אחת (במובייל נשבר - ר' media) */
.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}   /* טופס | עמודת-חתימות מוערמת - גבהים מאוזנים */
@media(max-width:760px){.setup-grid{grid-template-columns:1fr}}

/* ---- ניווט שיווקי ---- */
.site-nav{position:sticky;top:0;z-index:50;background:var(--nav-glass);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border-soft)}
.site-nav .inner{max-width:var(--maxw);margin:0 auto;padding:13px 24px;display:flex;align-items:center;
  justify-content:space-between;gap:20px}
.site-nav .links{display:flex;align-items:center;gap:26px}
.site-nav .links a{color:var(--ink-soft);font-weight:600;font-size:.95rem}
.site-nav .links a:hover{color:var(--teal-dark)}
.site-nav .actions{display:flex;align-items:center;gap:12px}
.nav-login-m{display:none}   /* קישור-התחברות לתפריט-ההמבורגר בלבד; בדסקטופ ההתחברות היא כפתור-ה-ghost ב-.actions */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--ink)}

/* ---- לוגו ---- */
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.18rem;color:var(--ink)}
.brand .mark{width:38px;height:38px;flex:none}
.brand b{color:var(--teal-dark)}
.brand .logo{width:34px;height:34px;border-radius:9px;background:var(--grad);
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}

/* ---- Hero ---- */
.hero{padding:84px 0 70px;background:
  radial-gradient(1200px 500px at 80% -8%,var(--teal-soft),transparent 60%),
  radial-gradient(900px 420px at 0% 12%,var(--teal-50),transparent 55%)}
.hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.hero h1{font-size:clamp(2.4rem,4.6vw,3.5rem);font-weight:900;line-height:1.12;margin-bottom:18px}
.hero h1 .hl{background:var(--grad-hl);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.2rem;color:var(--ink-soft);margin-bottom:28px;max-width:540px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.hero .trust{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.9rem;flex-wrap:wrap}
.hero .trust b{color:var(--ink)}
.hero-visual{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg);padding:18px;position:relative}
.hero-visual .bar{height:10px;width:40%;border-radius:6px;background:var(--teal-soft);margin-bottom:14px}
/* חלון-מוצר עם עומק: כרטיס-אחורי מוטה מאחורי חלון-הדוח + תג צף */
.hero-stage{position:relative}
.hero-stage::before{content:"";position:absolute;inset:26px -16px -20px 22px;background:var(--grad-soft);
  border:1px solid var(--border);border-radius:var(--radius-lg);transform:rotate(-3deg);z-index:0}
.hero-stage .hero-visual{position:relative;z-index:1}
.hero-float{position:absolute;z-index:2;top:-13px;inset-inline-start:-8px;background:var(--card);border:1px solid var(--border);
  border-radius:999px;padding:7px 14px;font-weight:800;font-size:.82rem;color:var(--teal-dark);
  box-shadow:var(--shadow-md);display:inline-flex;gap:6px;align-items:center}
/* רצועת-נתונים בתוך הפס-הכהה (banner) */
.banner .stats{display:flex;justify-content:center;gap:44px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}
.banner .stats>div{text-align:center;min-width:120px}
.banner .stats .v{font-size:1.7rem;font-weight:900;color:#fff;line-height:1.2}
.banner .stats .l{font-size:.85rem;color:#9ec9d2;font-weight:600}

/* ---- רצועת אמון / לוגואים ---- */
.strip{padding:26px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);
  background:var(--card)}
.strip .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}
.chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:var(--teal-50);
  border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 20px;min-width:110px}
.chip .big{font-weight:800;color:var(--ink);font-size:1.05rem}
.chip .sm{font-size:.76rem;color:var(--muted)}

/* ---- Section ---- */
.section{padding:78px 0}
.section.alt{background:var(--card)}
.section-head{text-align:center;max-width:680px;margin:0 auto 50px}
.section-head h1,.section-head h2{font-size:clamp(1.8rem,3vw,2.3rem);font-weight:900}
.section-head p{font-size:1.1rem;color:var(--muted)}

/* ---- רשת תכונות / קטגוריות ---- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;
  transition:.2s var(--ease)}
.fcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--teal-light)}
.fcard .ic{width:50px;height:50px;border-radius:13px;background:var(--teal-soft);color:var(--teal-dark);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.fcard h3{font-size:1.18rem;margin-bottom:8px}
.fcard p{color:var(--muted);font-size:.96rem;margin:0}

/* ---- שורת תכונה (טקסט+ויזואל) ---- */
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin:46px 0}
.feature-row.flip .txt{order:2}
.feature-row h3{font-size:1.7rem;font-weight:800}
.feature-row p{color:var(--ink-soft);font-size:1.05rem}
.feature-row ul{list-style:none;padding:0;margin:16px 0 0}
.feature-row li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px;color:var(--ink-soft)}
.feature-row li svg{flex:none;color:var(--teal);margin-top:3px}
.visual-box{background:var(--grad-soft);border:1px solid var(--border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);padding:22px;min-height:260px;display:flex;align-items:center;justify-content:center}

/* ---- באנר כהה ---- */
.banner{background:linear-gradient(135deg,var(--ink-deep),#1c4b56);color:#fff;border-radius:var(--radius-lg);
  padding:46px 50px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;text-align:center}
.banner h2{color:#fff;font-size:1.9rem}
.banner p{color:#c5dde2;max-width:640px;margin-inline:auto}   /* ממורכז - מאזן את הפס (טקסט קצר) במקום חצי-ריק */
.banner::after{content:"";position:absolute;left:-60px;top:-60px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(52,179,196,.4),transparent 70%)}

/* ---- מחירים ---- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.plan{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;
  display:flex;flex-direction:column;transition:.2s var(--ease)}
.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.plan.featured{border:2px solid var(--teal);box-shadow:var(--shadow-teal);position:relative}
.plan.featured::before{content:"הכל כלול";position:absolute;top:-13px;right:28px;background:var(--grad);
  color:#fff;font-size:.78rem;font-weight:700;padding:5px 14px;border-radius:var(--radius-pill)}
.plan .pname{font-weight:800;font-size:1.2rem}
.plan .pprice{font-size:2.4rem;font-weight:900;color:var(--ink);margin:8px 0 2px}
.plan .pprice small{font-size:1rem;font-weight:600;color:var(--muted)}
.plan .pdesc{color:var(--muted);font-size:.92rem;margin-bottom:18px}
.plan ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.plan li{display:flex;gap:9px;align-items:flex-start;margin-bottom:11px;font-size:.95rem;color:var(--ink-soft)}
.plan li svg{flex:none;color:var(--teal);margin-top:3px}

/* ---- המלצות ---- */
.tcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px}
.tcard p{font-size:1.02rem;color:var(--ink-soft);font-style:italic}
.tcard .who{display:flex;align-items:center;gap:12px;margin-top:16px}
.tcard .av{width:44px;height:44px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center}
.tcard .who b{display:block;color:var(--ink)}
.tcard .who span{font-size:.85rem;color:var(--muted)}

/* ---- FAQ ---- */
.faq{max-width:780px;margin:0 auto}
.faq details{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  margin-bottom:12px;overflow:hidden;transition:.2s}
.faq details[open]{border-color:var(--teal-light);box-shadow:var(--shadow)}
.faq summary{padding:18px 22px;font-weight:700;cursor:pointer;list-style:none;display:flex;
  justify-content:space-between;align-items:center;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--teal);font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq .a{padding:0 22px 20px;color:var(--ink-soft)}

/* ---- CTA ---- */
.cta-band{background:var(--grad);border-radius:var(--radius-lg);padding:54px;text-align:center;
  color:#fff;box-shadow:var(--shadow-teal)}
.cta-band h2{color:#fff;font-size:2rem}
.cta-band p{color:rgba(255,255,255,.92);max-width:560px;margin:0 auto 24px}

/* ---- Footer ---- */
.footer{background:var(--ink-deep);color:#bcd4d9;padding:56px 0 26px}
.footer h3{color:#fff;font-size:1rem;margin-bottom:14px}   /* כותרות-עמודות-הפוטר (h3 - לא-מדלגות רמה אחרי h2 בתוכן; WCAG 1.3.1) */
.footer a{color:#bcd4d9;display:block;margin-bottom:9px;font-size:.92rem}
.footer a:focus-visible{outline:2px solid #7fcdd9;outline-offset:2px;border-radius:4px}   /* טבעת-פוקוס בהירה על הפוטר-הכהה (--teal-dark נתן 2.48:1) */
.footer a:hover{color:#fff}
.footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;margin-bottom:34px}
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:20px;display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#acc6cc}

/* ---- טפסים (signup/login) ---- */
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-side{background:var(--grad);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
/* עיטורי-עומק לצד-הצבעוני: עיגול-רדיאלי + טבעת (מאחורי התוכן) */
.auth-side::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 65%);top:-90px;inset-inline-end:-70px}
.auth-side::after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1.5px solid rgba(255,255,255,.22);bottom:-60px;inset-inline-start:-40px}
.auth-side>*{position:relative;z-index:1}
.auth-side h2{color:#fff;font-size:1.9rem}
.auth-side p{color:rgba(255,255,255,.9)}
/* דרישות-סיסמה (signup/reset): 2 עמודות + חשיפה-בפוקוס (מוסתר עד פוקוס/ערך/שגיאת-שרת) - מונע את צרכן-הגובה הגדול ביותר.
   overflow:hidden רק כאן (הרשימה-המתקפלת), לעולם לא על .auth-card/.auth-main (חותך טבעות-פוקוס+zoom). */
#pw-reqs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;list-style:none;padding:0;margin:0 2px;
  font-size:.78rem;line-height:1.55;max-height:0;overflow:hidden;opacity:0;
  transition:max-height .22s var(--ease),opacity .15s,margin-top .22s}
.field:focus-within>#pw-reqs,.field input:not(:placeholder-shown)~#pw-reqs,#pw-reqs.is-open{max-height:20em;opacity:1;margin-top:8px}
@media(max-width:560px){#pw-reqs{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#pw-reqs{transition:none}}
.auth-side .feat{display:flex;gap:11px;align-items:center;margin-top:14px;color:rgba(255,255,255,.95)}
.auth-main{display:flex;align-items:center;justify-content:center;padding:24px}
.auth-card{width:100%;max-width:430px}
.auth-card h1{font-size:1.5rem}
.field{margin-bottom:16px}
/* דחיסת-גובה ממוקדת לעמודי-הזדהות בלבד (scoped - לא נוגע ב-.field/.btn של שאר העמודים); יעד: מסך-אחד ב-100% */
.auth-card .field{margin-bottom:12px}
.auth-card .brand .mark{width:32px;height:32px}
.auth-card .btn.lg{padding:12px 24px;font-size:1rem}
.auth-mobile-trust{display:none}
@media(min-width:901px){.auth-card>.brand{display:none}}   /* לוגו-הכרטיס מיותר בדסקטופ (הפאנל נושא לוגו); נשאר במובייל */
@media(max-height:760px){.auth-main{padding:16px}.auth-card .field{margin-bottom:10px}}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:6px;color:var(--ink)}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);
  font-size:.95rem;background:var(--card);color:var(--ink);font-family:inherit;transition:.15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal-dark);box-shadow:0 0 0 3px rgba(31,115,130,.45)}
.error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);
  padding:11px 13px;margin-bottom:14px;font-size:.9rem}
.ok-msg{background:var(--ok-soft);color:var(--ok-text);border:1px solid #c7ebe0;border-radius:var(--radius-sm);
  padding:11px 13px;margin-bottom:14px;font-size:.9rem}
/* באנר-הצלחה חוזר (הודעות-פלאש בדשבורד) - חילוץ מ-12 מופעים inline זהים לכלל אחד (אותו רינדור בדיוק) */
.flash-ok{background:var(--ok-soft);color:var(--ok-text);border:1px solid var(--ok-border);border-radius:9px;padding:10px 14px;margin-bottom:16px}

/* ============================================================
   רכיבי אפליקציה (מחשבון / admin / היסטוריה) - נשמרים
   ============================================================ */
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:var(--card);
  border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.03)}
/* ניווט-אפליקציה (עיצוב 2026): פקד-מקטעים לפעולות-הליבה + תפריטי-<details> לעזרה/חשבון (CSS בלבד, בלי JS).
   .nav-links = מיכל-הפלקס; משמש גם בענף-המחובר של base_site.html (אותן מחלקות = אותו מראה). מצב-פעיל מ-nav_active. */
.nav-links{display:flex;align-items:center;flex:1;min-width:0;gap:8px}
/* פקד-מקטעים: פעולות-הליבה כקבוצת-גלולות מאוחדת; המקטע-הפעיל מלא בתכלת */
.nav-seg{display:flex;align-items:center;gap:2px;background:var(--teal-50);border:1px solid var(--border);border-radius:12px;padding:3px}
.nav-seg a{display:flex;align-items:center;gap:7px;color:var(--muted);font-weight:600;font-size:.92rem;padding:7px 14px;border-radius:9px;transition:.15s var(--ease);white-space:nowrap}
.nav-seg a svg{width:17px;height:17px;flex:none}
.nav-seg a:hover{background:var(--card);color:var(--teal-dark)}
.nav-seg a.active{background:var(--btn-bg);color:#fff}
.nav-seg a.active:hover{background:var(--teal-deep);color:#fff}
/* אשכול-כלים (עזרה + חשבון) - נדחף לקצה-הנגדי */
.nav-util{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.nav-home{display:flex;align-items:center;gap:8px;border-radius:11px}
.nav-home:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px;border-radius:11px}
.nav-menu{position:relative}
.nav-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;border-radius:11px}
.nav-menu>summary::-webkit-details-marker{display:none}
.nav-menu>summary:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px;border-radius:11px}
.nav-ic{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--teal-50);border:1px solid var(--border);border-radius:10px;transition:.15s var(--ease)}
.nav-ic svg{width:19px;height:19px}
.nav-menu>summary:hover .nav-ic,.nav-home:hover .nav-ic{color:var(--teal-dark);border-color:var(--teal-light)}
.nav-ava{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:var(--btn-bg);color:#fff;border-radius:50%;font-weight:700;font-size:.82rem}
.nav-ava svg{width:19px;height:19px}
.nav-menu.sect-active .nav-ic,.nav-menu.sect-active .nav-ava,.nav-home.sect-active .nav-ic{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--teal-light)}
.nav-menu-label{display:none;font-weight:600;font-size:.95rem;color:var(--ink-soft)}
.nav-caret{display:none;width:16px;height:16px;margin-inline-start:auto;color:var(--muted);transition:transform .15s}
.nav-menu[open] .nav-caret{transform:rotate(180deg)}
.nav-menu-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;min-width:216px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:6px;display:flex;flex-direction:column;gap:2px}
.nav-menu-head{padding:8px 11px 9px;border-bottom:1px solid var(--border-soft);margin-bottom:4px}
.nav-menu-head b{display:block;color:var(--ink);font-weight:700;font-size:.9rem}
.nav-menu-head .nmh-mail{display:block;font-size:.76rem;color:var(--muted);margin-top:2px;overflow-wrap:anywhere;text-align:start}
.nav-menu-pop a,.nav-menu-pop button{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:none;border:none;font:inherit;color:var(--ink-soft);font-weight:600;font-size:.9rem;padding:9px 11px;border-radius:8px;cursor:pointer;transition:.12s var(--ease)}
.nav-menu-pop a svg,.nav-menu-pop button svg{width:17px;height:17px;flex:none;color:var(--muted)}
.nav-menu-pop a:hover,.nav-menu-pop button:hover{background:var(--teal-50);color:var(--teal-dark)}
.nav-menu-pop a:hover svg,.nav-menu-pop button:hover svg{color:var(--teal-dark)}
.nav-menu-pop a.active{background:var(--teal-soft);color:var(--teal-dark)}
.nav-menu-pop a.active svg{color:var(--teal-dark)}
.nav-menu-pop form{margin:0;width:100%}
.nav-menu-pop .danger{color:var(--danger)}
.nav-menu-pop .danger svg{color:var(--danger)}
.nav-menu-pop .danger:hover{background:var(--danger-soft);color:var(--danger)}
.nav-menu-pop .danger:hover svg{color:var(--danger)}
.nav-menu-sep{height:1px;background:var(--border-soft);margin:4px 6px}
/* תוכן-העניינים במדריך (/guide): כרטיס-רך + ריחוף + הדגשת-סעיף-פעיל (scrollspy ב-guide.js) */
.guide-toc{background:var(--card);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 2px 14px rgba(28,43,54,.05);padding:16px 18px;font-size:.88rem}
.guide-toc ul{list-style:none;margin:0 0 10px;padding:0}
.guide-toc a{display:block;padding:6px 10px;border-radius:7px;color:var(--ink-soft);text-decoration:none;line-height:1.5}
.guide-toc a:hover{background:var(--teal-50);color:var(--teal-dark)}
.guide-toc a.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:600}
/* קישור דילוג-לתוכן (נגישות ת"י 5568) - מוסתר עד מיקוד-מקלדת */
.skip-link{position:fixed;inset-inline-start:10px;top:10px;z-index:9999;background:var(--btn-bg);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700;text-decoration:none;transform:translateY(-200%);transition:transform .15s}
.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}
/* מוסתר-ויזואלית אך נגיש לקוראי-מסך (סיכום-חי, תוויות) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:1180px;margin:26px auto;padding:0 22px}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px;
  box-shadow:var(--shadow);margin-bottom:20px}
.sub{color:var(--muted);margin:0 0 18px}
table{width:100%;border-collapse:collapse}
th{background:var(--teal-soft);color:var(--teal-dark);padding:12px 10px;font-size:.85rem;text-align:right;font-weight:700}
th:first-child{border-top-right-radius:10px}th:last-child{border-top-left-radius:10px}
td{padding:10px;border-bottom:1px solid var(--border);font-size:.92rem;vertical-align:middle}
tr:last-child td{border-bottom:none}
/* טבלאות בתוך כרטיסים: זברה עדינה לקריאת-שורות (inline-styles של שורות-חריגות גוברים ממילא) */
.card table tbody tr:nth-child(even){background:var(--zebra)}
/* מצב-ריחוף על שורות (מודרני, מונע איבוד-מקום בטבלה רחבה); גובר על הזברה, לא נוגע בצביעת-td של fi-detail */
.card table tbody tr:hover{background:var(--teal-soft)}
.js-scrollx{border:1px solid var(--border-soft);border-radius:12px}
/* טאבי-המחשבון כפקד-מקטעים (שפת-הניווט); מצב-פעיל מסומן ע"י .active (מנוהל ב-app.js), ה-ghost הישן אינרטי */
.tabs-seg{display:inline-flex;max-width:100%;background:var(--teal-50);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px}
.tabs-seg .tab-btn{font:inherit;cursor:pointer;border:none;background:none;color:var(--muted);font-weight:600;font-size:.92rem;padding:8px 16px;border-radius:9px;transition:.15s var(--ease);white-space:nowrap}
.tabs-seg .tab-btn:hover{background:var(--card);color:var(--teal-dark)}
.tabs-seg .tab-btn.active{background:var(--btn-bg);color:#fff}
.tabs-seg .tab-btn:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
/* ---- טבלת-משתמשים (admin): קומפקטית שנכנסת בלי גלילה-אופקית; במסך-צר נפרשת ככרטיסים (מראה .fi-table) ---- */
.users-tbl th,.users-tbl td{padding:6px 5px;font-size:.82rem}
.users-tbl .u-email{display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.users-tbl .u-sub{font-size:.72rem;color:var(--muted);line-height:1.4}
.users-tbl td:last-child select{min-width:104px}
@media(max-width:1024px){
  /* צפיפות-9-עמודות > fi-table -> קיפול-לכרטיסים כבר ב-≤1024 (מונע גלילה-אופקית בכל חלון-דסקטופ צר/טאבלט) */
  .users-tbl{display:block;overflow:visible}
  .users-tbl thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
  .users-tbl tbody,.users-tbl tr,.users-tbl td{display:block;width:auto}
  .users-tbl tr{border:1px solid var(--border);border-radius:9px;padding:8px 12px;margin-bottom:12px;background:var(--card)}
  .users-tbl td{display:flex;align-items:flex-start;gap:10px;padding:5px 2px;border:none;min-width:0;white-space:normal}
  .users-tbl td::before{content:attr(data-label);flex:0 0 38%;max-width:120px;font-weight:600;color:var(--muted);font-size:.78rem}
  .users-tbl .u-cell{flex:1 1 auto;min-width:0}
  .users-tbl .u-email{max-width:none;white-space:normal;word-break:break-all}
  .users-tbl td:last-child{justify-content:flex-end}
  .users-tbl td:last-child::before{content:none}
}
.result{font-weight:700;color:var(--teal-dark);font-size:1.02rem}
/* מספרים-מיושרים (tabular) - עמודות-כסף ותוצאות מיושרות בעשרוני, בלי "ריצוד" בעדכון-חי */
.num,.tnum,.result,.fi-result,.pprice{font-variant-numeric:tabular-nums lining-nums}
.row-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.login-card{width:380px;text-align:center}
.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;vertical-align:middle}
/* תג admin על-פלטה (היה אינדיגו #4f46e5 - חריגת-פלטה): מלא-כהה, מובחן מ-user הרך */
.badge.admin{background:var(--btn-bg);color:#fff}.badge.user{background:var(--teal-soft);color:var(--teal-dark)}
.badge.on{background:var(--ok-soft);color:var(--ok-text)}.badge.off{background:var(--danger-soft);color:var(--danger-deep)}
.badge.warn{background:var(--warn-soft);color:var(--warn-deep)}
.badge.draft{background:var(--teal-50);color:var(--muted)}   /* סטטוס-טיוטה נייטרלי */
/* נקודה-מובילה לתגי-סטטוס טקסטואליים (שפה אחידה); לא לתגי-תפקיד ולא כשכבר יש אייקון */
.badge.on:not(:has(svg))::before,.badge.off:not(:has(svg))::before,.badge.warn:not(:has(svg))::before,.badge.draft:not(:has(svg))::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;opacity:.8}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-bottom:20px}
/* כרטיס-מדד (2026): אריח-אייקון מוביל + תווית-מעל-מספר, פס-הדגשה בקצה-ההתחלתי, ריחוף עדין */
.metric{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);
  border-inline-start:3px solid var(--teal-light);border-radius:var(--radius-sm);padding:14px 16px;
  transition:box-shadow .18s var(--ease),transform .18s var(--ease)}
.metric:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.metric > .ico-tile{width:40px;height:40px;border-radius:11px}
.metric > .ico-tile svg{width:21px;height:21px}
.metric-body{min-width:0;text-align:start}
.metric-val{font-size:1.5rem;font-weight:800;color:var(--ink);line-height:1.15;font-variant-numeric:tabular-nums lining-nums}
.metric-label{font-size:.8rem;color:var(--muted);margin-top:1px}
.metric.ok{border-inline-start-color:var(--ok)}
.metric.ok .metric-val{color:var(--teal-dark)}
.metric.ok > .ico-tile{background:var(--ok-soft);color:var(--ok)}
.metric.accent{border-inline-start-color:var(--accent)}
.metric.accent .metric-val,.metric.warn .metric-val{color:var(--warn)}
.metric.accent > .ico-tile{background:var(--accent-soft);color:var(--warn)}
.metric.warn{border-inline-start-color:var(--warn-border)}
.metric.warn > .ico-tile{background:var(--warn-soft);color:var(--warn)}
.metric.danger{border-inline-start-color:var(--danger)}
.metric.danger .metric-val{color:var(--danger)}
.metric.danger > .ico-tile{background:var(--danger-soft);color:var(--danger)}
/* כרטיס-מדד עם הסבר-ריחוף (native title): סמן-עזרה + קו-מקווקו עדין שמסמן שיש הסבר */
.metric--help{cursor:help}
.metric--help .metric-label{text-decoration:underline dotted;text-underline-offset:3px}
.toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.toolbar > div{flex:1;min-width:150px}

/* ---- כרטיס-סטטוס ממורכז (forgot/reset/verify/seat_full/billing_success) ---- */
.status-card{max-width:420px;margin:0 auto;background:var(--card);border:1px solid var(--border);
  border-radius:20px;padding:34px 28px;text-align:center;box-shadow:var(--shadow-md)}
.status-card .ico-tile{width:52px;height:52px;border-radius:14px;margin:0 auto 14px}
.status-card .ico-tile svg{width:26px;height:26px}
/* ---- שפת-אייקונים אחידה: SVG stroke יורש-צבע בתוך "אריח" רך או inline ---- */
.ico{display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;line-height:0;flex:none}
.ico svg{display:block}
.ico-tile{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  background:var(--teal-soft);color:var(--teal-dark);border-radius:10px;flex:none;line-height:0}
.ico-tile.ok{background:var(--ok-soft);color:var(--ok)}
.ico-tile.warn{background:var(--warn-soft);color:var(--warn)}
.ico-tile.danger{background:var(--danger-soft);color:var(--danger)}
/* מספר-שלב כעיגול תכלת (מחשבון/איך-זה-עובד) */
.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;
  background:var(--teal-soft);color:var(--teal-dark);font-weight:800;font-size:.9rem;flex:none}
.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}   /* wrap: סרגלי-כלים (מחשבון/אדמין) לא נחתכים במובייל (body overflow-x:clip) */
/* שורת-צ'קבוקס: תיבה + טקסט באותה שורה, הטקסט גולש בתוך-עצמו לצד התיבה (לא יורד מתחתיה כמו ב-.flex עם wrap) */
.check{display:flex;align-items:flex-start;gap:8px;font-weight:400;line-height:1.5;cursor:pointer}
.check>input{flex:none;width:auto;margin-top:3px}
.check>span{flex:1;min-width:0}
.spacer{flex:1}
@media(max-width:640px){.calc-actions .spacer{display:none}}   /* מובייל: מבטלים את ה-spacer החמדני כדי שהכפתורים ייעטפו טבעית ולא ייתום כפתור עם פער-ריק */
/* מצב-ריק אחיד (רשימות/טבלאות ריקות): אריח-אייקון + כותרת + שורה + CTA-רשות */
.empty-state{text-align:center;padding:26px 16px;color:var(--muted)}
.empty-state .ico-tile{width:48px;height:48px;border-radius:14px;margin:0 auto 10px}
.empty-state .ico-tile svg{width:24px;height:24px}
.empty-state .es-title{display:block;font-size:1.05rem;font-weight:700;color:var(--ink);margin:0 0 4px}
.empty-state p{margin:0 auto 12px;font-size:.9rem;max-width:440px;line-height:1.6}

/* אזור-שחרור לגרירת קובץ "רשימת תביעות חוב" (הבסיס ב-CSS כדי שהסרת .dragover לא תמחק אותו) */
.claims-dz{border:2px dashed var(--teal-light);border-radius:10px;background:var(--teal-50);padding:18px 14px;text-align:center;transition:border-color .15s var(--ease),background .15s var(--ease),box-shadow .15s var(--ease)}
.claims-dz.dragover{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px rgba(31,115,130,.18)}
.claims-dz-ico{display:block;color:var(--teal-dark);line-height:1}
.claims-dz-ico svg{width:30px;height:30px}
.claims-dz-main{font-size:.95rem;font-weight:700;color:var(--teal-dark);margin-top:7px}
.claims-dz-sub{font-size:.85rem;color:var(--muted);margin-top:8px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}

/* חיווי-שגיאת-קלט (דוא"ל לא-תקין) + הודעת-שדה */
.inp-invalid{border-color:var(--danger)!important;box-shadow:0 0 0 2px var(--danger-soft)}
.mail-err{display:none;color:var(--danger);font-size:.78rem;margin-top:3px}
.mail-err.show{display:block}

/* ---- אנימציות עדינות ---- */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.reveal{animation:fadeUp .6s var(--ease) both}
.reveal.d1{animation-delay:.08s}.reveal.d2{animation-delay:.16s}.reveal.d3{animation-delay:.24s}
/* טוסט אחיד (מחליף 4 מימושים שונים): גרסאות סמנטיות + גרסת-כהה לפעולות/ביטול; עוגן תחתון-מרכזי */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;justify-content:center;gap:14px;max-width:90vw;padding:12px 18px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;text-align:center;box-shadow:var(--shadow-md);animation:toastIn .18s var(--ease)}
.toast--ok{background:var(--ok-soft);color:var(--ok-text);border:1px solid var(--ok-border)}
.toast--warn{background:var(--warn-soft);color:var(--warn-deep);border:1px solid var(--warn-border)}
.toast--error{background:var(--danger-soft);color:var(--danger-deep);border:1px solid var(--danger)}
.toast--dark{background:var(--toast-bg);color:#fff;border:1px solid rgba(255,255,255,.12)}
.toast-btn{background:none;border:1px solid rgba(255,255,255,.35);color:#7fcdd9;border-radius:7px;padding:4px 13px;cursor:pointer;font:inherit;font-weight:700;font-size:.85rem}
.toast-btn:hover{background:rgba(255,255,255,.1)}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.toast{animation:none}}

/* מסתובב-"חושב" לאזור-שחרור-האצווה בזמן זיהוי-PDF בשרת (חיווי נע: המשתמש רואה שהאתר עובד, לא תקוע) */
@keyframes md-spin{to{transform:rotate(360deg)}}
@keyframes md-pulse{0%,100%{box-shadow:0 0 0 0 rgba(15,118,110,.16)}50%{box-shadow:0 0 0 5px rgba(15,118,110,.09)}}
.md-spinner{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-inline-end:8px;border:2.5px solid rgba(15,118,110,.25);border-top-color:var(--teal-dark);border-radius:50%;animation:md-spin .8s linear infinite}
#multidrop-zone.is-busy{animation:md-pulse 1.5s var(--ease) infinite}
/* שלד-טבלה מרצד (shimmer) + ספינר-גדול לאזור-התוצאות בזמן "עבד קבצים"; ספינר-לבן בתוך כפתור-teal */
.md-spinner.lg{display:block;width:30px;height:30px;border-width:3px;margin:0 auto 12px}
.btn .md-spinner{border-color:rgba(255,255,255,.45);border-top-color:#fff}
@keyframes md-shimmer{to{background-position:-200% 0}}
@keyframes md-breathe{0%,100%{opacity:1}50%{opacity:.45}}   /* נשימת-opacity בטוחה-וסטיבולרית לחיווי-עסוק תחת reduced-motion (ההחרגה נאכפת אחרי הבלוק-הגלובלי, למטה) */
.md-skel{height:13px;border-radius:7px;background:linear-gradient(90deg,var(--teal-50) 25%,rgba(15,118,110,.12) 37%,var(--teal-50) 63%);background-size:200% 100%;animation:md-shimmer 1.3s linear infinite}
.md-skel-row{display:flex;gap:12px;align-items:center;max-width:460px;margin:0 auto 10px}
/* (החרגת reduced-motion לחיווי-העסוק יושבת אחרי הבלוק-הגלובלי בשורה ~859 - חייבת אחריו כדי לגבור על ה-!important הגורף) */

/* ---- Responsive ---- */
@media(max-width:900px){
  .contact-grid{grid-template-columns:1fr !important}   /* טופס-צור-קשר + כרטיסי-מידע נערמים במסך צר */
  .guide-grid{grid-template-columns:1fr !important}     /* מדריך: התוכן לפני התוכן-עניינים הצף */
  .guide-grid aside{position:static !important;order:-1}
  .hero .grid,.feature-row,.feature-row.flip .txt{grid-template-columns:1fr;order:0}
  .feature-grid,.price-grid{grid-template-columns:1fr}
  .footer .cols{grid-template-columns:1fr 1fr}
  .auth-wrap{grid-template-columns:1fr}.auth-side{display:none}
  /* הפאנל-הצבעוני נעלם במובייל - רצועת-אמון קומפקטית ממלאת את הצעת-הערך שאבדה */
  .auth-mobile-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
  .auth-mobile-trust span{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;
    color:var(--teal-dark);background:var(--teal-50);border:1px solid var(--teal-light);border-radius:var(--radius-pill);padding:5px 11px}
  .hero h1{font-size:2.3rem}
  .site-nav .links{display:none}
  .nav-toggle{display:block}
  .site-nav .links.open{display:flex;position:absolute;top:60px;right:0;left:0;flex-direction:column;
    background:var(--card);padding:18px 24px;border-bottom:1px solid var(--border);gap:14px}
  .site-nav .links.open .nav-login-m{display:block}   /* בתפריט-ההמבורגר: מציגים את קישור-ההתחברות */
  .nav{position:relative}
  .nav .nav-links,.site-nav .nav-links{display:none}
  .nav .nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;inset-inline:0;top:100%;
    background:var(--card);padding:14px 22px;border-bottom:1px solid var(--border);gap:14px;z-index:50;box-shadow:var(--shadow)}
  .site-nav .nav-links.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:60px;right:0;left:0;
    background:var(--card);padding:14px 22px;border-bottom:1px solid var(--border);gap:14px;z-index:50;box-shadow:var(--shadow)}
  /* מובייל: פקד-המקטעים -> רשימה-מוערמת; תפריטי-<details> -> אקורדיון-אינליין (עזרה/חשבון) */
  .nav-links.open .nav-seg{flex-direction:column;align-items:stretch;background:none;border:none;padding:0;gap:2px}
  .nav-links.open .nav-seg a{padding:11px 12px;border-radius:9px;font-size:1rem}
  .nav-links.open .nav-seg a.active{background:var(--teal-soft);color:var(--teal-dark)}
  .nav-links.open .nav-seg a.active svg{color:var(--teal-dark)}
  .nav-links.open .nav-util{flex-direction:column;align-items:stretch;gap:2px;margin:8px 0 0}
  .nav-links.open .nav-menu{width:100%}
  .nav-links.open .nav-menu>summary,.nav-links.open .nav-home{padding:11px 12px}
  .nav-links.open .nav-ic,.nav-links.open .nav-ava{width:26px;height:26px;flex:none}
  .nav-links.open .nav-ic{background:none;border:none;color:var(--teal-dark)}
  .nav-links.open .nav-ava{font-size:.7rem}
  .nav-links.open .nav-ic svg,.nav-links.open .nav-ava svg{width:18px;height:18px}
  .nav-links.open .nav-menu-label{display:block}
  .nav-links.open .nav-caret{display:block}
  .nav-links.open .nav-menu-pop{position:static;box-shadow:none;border:none;min-width:0;padding:2px 0 6px;padding-inline-start:36px;margin:0}
  .section{padding:54px 0}
  /* גרידי-האפליקציה קורסים כבר בטאבלט (iPad-דיוקן 768) ולא רק במובייל - סוגר את חור-ה-breakpoint 761-899 */
  .creditor-grid,.setup-grid,.case-detail-grid{grid-template-columns:1fr}
  .row-grid{grid-template-columns:1fr 1fr}
  table{display:block;overflow-x:auto}   /* גלילת-טבלה פנימית כבר מ-900, לא רק מ-760 (מונע גלילת-עמוד ב-iPad) */
}
/* מובייל-צר: שורת-הניווט-השיווקית לא נכנסת ל-390 (5 פקדים=454px) -> כפתור-ההמבורגר נדחף מחוץ למסך.
   מכווצים ריפוד + מסתירים את מתג-הלילה (זמין בפאנל-הנגישות) ואת כפתור-ההתחברות (עבר לתפריט-ההמבורגר), משאירים CTA-ראשי + המבורגר. */
@media(max-width:600px){
  .site-nav .inner{padding-inline:14px}
  .site-nav .actions{gap:8px}
  .site-nav .actions .btn.ghost,.site-nav .actions .nav-theme-toggle{display:none}
}
@media(max-width:560px){
  .footer .cols{grid-template-columns:1fr}
  .banner,.cta-band{padding:32px 24px}
  .hero h1{font-size:2rem}
}
/* ---- טבלת עריכת-התחשיבים (fi-table): מתאימה לרוחב בלי גלילה-אופקית; במסך-צר נפרשת ככרטיסים ---- */
/* table-layout:fixed + colgroup (ב-app.js) -> רוחב-עמודות מדויק לפי-צורך: נושה/תיאור רחבים, תאריכים צרים */
.fi-table{width:100%;border-collapse:collapse;table-layout:fixed}
.fi-table th,.fi-table td{padding:6px 4px}
.fi-table td input,.fi-table td select{padding:5px 6px}   /* צמצום padding-פנימי (היה 13px) -> תוכן נכנס בעמודות צרות; פונט לא משתנה (נשמר anti-zoom) */
/* "פירוט תחשיבים" מתקפל פר-נושה: שורת-הפירוט (fi-detail) נפתחת מתחת לשורת-הסיכום של אותו נושה */
.fi-detail > td{background:var(--teal-50);padding:10px 12px;border-top:1px dashed var(--teal-light)}
/* ===== משטח-תוצאות (חבילה א'): סכום-גיבור · כרטיסי-נושה · סרגל-דביק · פירוט ===== */
.result-hero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--teal-soft);border:1px solid var(--teal-light);border-inline-start:4px solid var(--teal-dark);border-radius:11px;padding:14px 18px;margin-bottom:14px}
.result-hero .rh-body{min-width:0}
.result-hero .rh-eyebrow{font-size:.72rem;font-weight:700;color:var(--teal-dark);letter-spacing:.05em}
.result-hero .rh-val{font-size:2.3rem;font-weight:900;color:var(--teal-dark);line-height:1.05;font-variant-numeric:tabular-nums lining-nums;margin:1px 0 7px}
.result-hero .rh-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.result-hero .rh-copy{margin-inline-start:auto;align-self:flex-start}
@media(max-width:560px){.result-hero .rh-val{font-size:1.9rem}.result-hero .rh-copy{margin-inline-start:0}}
.cr-card{border:1px solid var(--border);border-inline-start:3px solid var(--teal);border-radius:11px;padding:12px 14px;margin-bottom:10px;background:var(--card)}
.cr-card.st-warn{border-inline-start-color:var(--warn)}
.cr-card.st-skip{border-inline-start-color:var(--accent)}
.cr-card-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cr-card-name{font-weight:700;color:var(--ink);font-size:1.02rem;min-width:0}
.cr-card-amt{font-weight:800;color:var(--teal-dark);font-size:1.12rem;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap;margin-inline-start:auto;display:inline-flex;align-items:center;gap:4px}
.cr-card-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.cr-card .cr-actions{justify-content:flex-start;max-width:none;margin-top:10px}
button.cr-lc-jump{cursor:pointer;border:none;font:inherit}
.result-bar{position:sticky;top:8px;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:10px 14px;margin-bottom:14px;box-shadow:var(--shadow)}
.result-bar .rb-total{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;align-self:center}
.result-bar .rb-actions{margin-inline-start:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.fi-detail{background:var(--teal-50);border:1px solid var(--teal-light);border-radius:10px;padding:12px 14px;margin:0 0 12px}
.fi-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.74rem;color:var(--muted);margin:0 0 8px}
.fi-legend span{display:inline-flex;align-items:center;gap:4px}
.fi-legend i{width:9px;height:9px;border-radius:2px;flex:none}
.cr-detail-toggle .fi-caret{transition:transform .15s var(--ease)}
.cr-detail-toggle[aria-expanded="true"] .fi-caret{transform:rotate(90deg)}
@media(max-width:600px){.cr-card .cr-actions{align-items:stretch}.cr-card .cr-actions .btn,.cr-card .cr-actions .row-menu{width:100%}}
.cr-detail-toggle{font:inherit}
.cr-detail-toggle .fi-caret{color:var(--teal-dark);font-size:.8rem;line-height:1}
.cr-detail-toggle:hover{text-decoration:underline}
.cr-detail-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:5px}
@media(max-width:900px){
  /* דורס את הכלל הגלובלי table{overflow-x:auto}: כל שורה = כרטיס אנכי מתויג, בלי "גלגל" ימין/שמאל */
  .fi-table{display:block;overflow:visible}
  .fi-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
  .fi-table tbody,.fi-table tr,.fi-table td{display:block;width:auto}
  .fi-table tr{border:1px solid var(--border);border-radius:9px;padding:8px 10px;margin-bottom:12px;background:var(--card)}
  .fi-table td{display:flex;align-items:center;gap:10px;padding:5px 2px;border:none;min-width:0}
  .fi-table td::before{content:attr(data-label);flex:0 0 40%;max-width:140px;font-weight:600;color:var(--muted);font-size:.82rem}
  .fi-table td input,.fi-table td select{flex:1 1 auto;width:auto;min-width:0}
  .fi-table td:last-child{justify-content:flex-end}
  .fi-table td:last-child::before{content:none}       /* עמודת-מחיקה: בלי תווית */
  .fi-table .fi-result{font-weight:700}
  .fi-detail > td{padding:8px 6px}   /* פירוט-פר-נושה במסך-צר: פחות ריפוד; המיני-טבלה נפרשת ככרטיסים */
}
/* ---- כיסוי-מגע לכל מכשירי-המגע (טלפון+טאבלט/iPad) - יעדי-מגע 44px + anti-zoom, לא רק ≤760 ---- */
@media(hover:none) and (pointer:coarse){
  input,select,textarea{font-size:16px}                  /* מונע zoom-on-focus ב-iOS גם ב-iPad */
  .btn.sm{min-height:44px}
  .cr-actions{max-width:none}
  .cr-actions .btn,.cr-actions .cr-sec{min-height:44px;padding:8px 12px}
  .nav-toggle,.acc-close,.acc-fab{min-width:44px;min-height:44px}
  /* ⚠ חמישה פקדים נשארו מתחת ל-44px - **כולם בתוך תפריט-הנגישות עצמו**, כלומר דווקא
     במקום שנועד למשתמשים שזקוקים ליעד-מגע גדול. `.acc-font button` היה 34px. */
  .acc-font button,.acc-tts button,.acc-reset,.acc-theme-btn,.nav-theme-toggle{min-width:44px;min-height:44px}
  .copy-amt{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0}
  .cr-del{min-width:44px;min-height:44px;flex:none}
  input[type=checkbox],input[type=radio]{width:18px;height:18px}   /* יעד-מגע: תיבות-סימון/רדיו גדֵלות מ-13px native (בחירת-שורות, זכור-אותי, אישור-תקנון) */
  .cr-detail-toggle,.cr-lc-jump,.result-lc-jump,.fi-result .badge{min-height:44px}   /* פקדי-תוצאה שאינם .btn - יעד-מגע במגע */
}
/* ---- zoom-200%/נוף-טלפון: לא לנעול גובה ולא לתפוס-מסך בפס-הדביק ---- */
.auth-wrap,.center{min-height:100svh}
@media(max-height:760px){.auth-wrap,.center{min-height:auto}}   /* משחרר מרכוז-אנכי בלפטופי-768 - הטופס זורם מלמעלה במקום להידחף לגלילה */
@media(max-height:520px){.site-nav{position:static}}

/* ---- ניווט אפליקציה במובייל (תיקון overflow) ---- */
/* פריסות-גריד הניתנות לכיווץ במובייל (inline-style לא ניתן לעקיפה דרך media query) */
.case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.creditor-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1.3fr auto;gap:10px;align-items:end}   /* עמודת-השם (2fr) רחבה יותר - שמות-נושים מוסדיים ארוכים נכנסים בלי חיתוך */
.cr-del{align-self:center}   /* כפתור-הסרת-נושה ✕ ממורכז אנכית בשורה (שאר-השדות נשארים align-items:end) */
/* שם-הנושה - בולט וקל-לזיהוי בצבע-מותג אחד (המשתמש: לא "נבלע") */
.cr-name{font-weight:700;color:var(--teal-dark);font-size:0.95rem;background:var(--teal-50);border-color:var(--teal-light)}   /* פונט קטן-בנקודה - יותר טקסט נכנס בשורה (שם-נושה מלא, בלי חיתוך) */
.cr-name::placeholder{font-weight:400;color:var(--ink-soft);opacity:.55}
@media(max-width:760px){
  .nav{padding:12px 16px}
  .row-grid{grid-template-columns:1fr}
  .wrap{margin:16px auto}
  table{display:block;overflow-x:auto;white-space:nowrap}
  .prose-table,.prose-table td,.prose-table th{white-space:normal}   /* טבלת-פרוזה משפטית: עוטפת שורות במקום nowrap שמנפח אותה פי-4 (dpa/privacy/terms) */
  input,select,textarea{font-size:16px}        /* מונע zoom-on-focus ב-iOS (סף 16px) */
  .btn.sm{min-height:44px}                       /* יעד-מגע 44px מלא (WCAG 2.5.5); לא-לדרוס את כלל-הגס למטה */
  .case-detail-grid,.creditor-grid{grid-template-columns:1fr}
  .cr-actions{max-width:none;flex-direction:column;align-items:stretch}   /* אשכול-פעולות לנושה - עמודה מלאה, יעדי-מגע גדולים */
  .cr-actions .btn{width:100%;min-height:44px}
  /* עמודת-פעולות התיקים: נשברת לשתי שורות במקום לדחוף גלילה-אופקית ארוכה (6 כפתורים) */
  td.actions{white-space:normal}
  td.actions>*{margin:0 0 4px 4px}
  /* עמודה-ראשונה דביקה בגלילה-אופקית - לא לאבד את שם-השורה (סיכון לחיצה בשורה שגויה) */
  th:first-child,td:first-child{position:sticky;inset-inline-start:0;z-index:1}
  td:first-child{background:var(--card)}
  th:first-child{background:var(--ink-deep);color:#fff}   /* עמודה-דביקה: הרקע כהה בשני-המצבים -> טקסט לבן (היה --teal-dark = 2.48:1) */
  .cases-table th:nth-child(2),.cases-table td:nth-child(2){position:sticky;inset-inline-start:42px;z-index:1}
  .cases-table td:nth-child(2){background:var(--card)}
  .cases-table th:nth-child(2){background:var(--ink-deep);color:#fff}
}

/* רמז-גלילה-אופקית: צל פנימי רך על הקצה-הקדמי (שמאל ב-RTL) כשעוד יש תוכן לגלול.
   has-scroll-end מתווסף ע"י accessibility.js רק כשהמכל באמת נגלל ולא-בסופו - לכן לא צריך media-query
   (בדסקטופ הטבלה אינה מכל-גלילה => המחלקה לא מתווספת). offset-x חיובי = צל בקצה-השמאלי (inline-end ב-RTL),
   הרחק מהעמודה-הדביקה שבימין (inline-start) - אין חפיפה. */
.js-scrollx.has-scroll-end{box-shadow:inset 14px 0 12px -12px rgba(28,43,54,.22)}

/* ============================================================
   תפריט נגישות - תקן ת"י 5568 (WCAG 2.0 AA)
   ============================================================ */
.acc-fab{position:fixed;bottom:20px;left:20px;z-index:60;width:52px;height:52px;border-radius:50%;
  background:var(--btn-bg);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-md);
  display:flex;align-items:center;justify-content:center;transition:.15s var(--ease)}
.acc-fab:hover{background:var(--teal-deep);transform:scale(1.06)}
.acc-panel{position:fixed;bottom:calc(82px + env(safe-area-inset-bottom,0px));left:20px;z-index:60;width:min(282px,calc(100vw - 40px));background:var(--card);
  border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:16px;
  max-height:calc(100svh - 104px);overflow-y:auto}   /* גלילה פנימית אם הפאנל גבוה מהמסך (טקסט-מוגדל/מסך-נמוך) */
.acc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;
  padding-bottom:10px;border-bottom:1px solid var(--border-soft)}
.acc-head strong{font-size:1.05rem;color:var(--ink)}
.acc-close{background:none;border:none;font-size:1.05rem;cursor:pointer;color:var(--muted);padding:4px 9px;border-radius:7px}
.acc-close:hover{background:var(--teal-50);color:var(--ink)}
.acc-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.acc-opt{padding:11px 8px;border:1px solid var(--border);border-radius:9px;background:var(--card);
  color:var(--ink-soft);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:.12s}
.acc-opt:hover{border-color:var(--teal-light);background:var(--teal-50)}
.acc-opt.on{background:var(--btn-bg);color:#fff;border-color:var(--teal-dark)}
.acc-reset{width:100%;padding:9px;border:1px solid var(--border);border-radius:9px;background:var(--card);
  color:var(--ink-soft);font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;margin-bottom:8px}
.acc-reset:hover{background:var(--teal-50)}
.acc-theme-btn{width:100%;padding:9px;border:1px solid var(--teal-light);border-radius:9px;background:var(--teal-50);color:var(--teal-dark);font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;margin-bottom:8px}
.acc-theme-btn:hover{background:var(--teal-soft)}
/* מתג מצב-לילה בתפריט (שמש/ירח) - האייקון נבחר לפי המצב-האפקטיבי, CSS-בלבד */
.nav-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--ink-soft);cursor:pointer;transition:.15s;flex-shrink:0}
.nav-theme-toggle:hover{color:var(--teal-dark);border-color:var(--teal-light);background:var(--teal-50)}
.nav-theme-toggle svg{width:19px;height:19px}
.nav-theme-toggle .ic-sun{display:none}
:root[data-theme="dark"] .nav-theme-toggle .ic-sun{display:inline}
:root[data-theme="dark"] .nav-theme-toggle .ic-moon{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .nav-theme-toggle .ic-sun{display:inline}
  :root:not([data-theme="light"]) .nav-theme-toggle .ic-moon{display:none}
}
.acc-statement{display:block;text-align:center;font-size:.82rem;color:var(--teal-dark);font-weight:600}
/* העשרת-הווידג'ט: בקר-גודל +/− · הקראה (Web Speech) · גווני-אפור · סרגל-קריאה (הכל APIs מובנים/CSS - CSP-safe) */
.acc-font{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-weight:600;font-size:.9rem;color:var(--ink)}
.acc-font button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--ink);font-size:1.15rem;line-height:1;cursor:pointer;font-family:inherit}
.acc-font button:hover{background:var(--teal-50);border-color:var(--teal-light)}
.acc-font-lvl{min-width:52px;text-align:center;font-size:.8rem;color:var(--muted);font-weight:600}
.acc-tts{display:flex;gap:8px;margin-bottom:8px}
.acc-tts button{flex:1;padding:8px 6px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--ink-soft);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit}
.acc-tts button:hover{background:var(--teal-50);border-color:var(--teal-light)}
.acc-guide-bar{position:fixed;left:0;right:0;height:20px;margin-top:-10px;background:rgba(15,118,110,.12);border-top:2px solid var(--teal-dark);border-bottom:2px solid var(--teal-dark);pointer-events:none;z-index:59}

/* מצבי נגישות (חלים על <html>) */
html.acc-grayscale body{filter:grayscale(1)}   /* על body כדי לְהרכיב עם filter:contrast של 'ניגודיות גבוהה' שעל <html> */
.acc-large-text{font-size:118%}
.acc-readable-font *{font-family:Arial,'Segoe UI',sans-serif !important;letter-spacing:.01em}
.acc-high-contrast{filter:contrast(1.32)}
.acc-high-contrast .site-nav,.acc-high-contrast .card,.acc-high-contrast .fcard,
.acc-high-contrast .plan,.acc-high-contrast .nav{border-color:#000}
.acc-highlight-links a{text-decoration:underline !important;text-underline-offset:3px;font-weight:700 !important}
.acc-no-animations *,.acc-no-animations *::before,.acc-no-animations *::after{
  animation:none !important;transition:none !important;scroll-behavior:auto !important}
/* כיבוד הגדרת מערכת-ההפעלה להפחתת תנועה (WCAG 2.3.3) - אוטומטי, בנוסף לטוגל הידני */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  .reveal,.reveal.d1,.reveal.d2,.reveal.d3{animation:none !important;opacity:1;transform:none}
}
/* חיווי-"עסוק" הוא מוטיב-חיוני (מודיע שהמערכת עובדת) - חייב להישאר נע גם תחת reduced-motion, אחרת נראה תקוע. */
/* מחריגים אותו מהאיפוס-הגלובלי שמעל, עם נשימת-opacity בטוחה-וסטיבולרית (בלי rotate/translate/scale; ~1.5s הרבה מתחת לסף 3Hz של WCAG 2.3.1). */
/* חייב אחרי הבלוק-הגלובלי כדי לגבור: ספציפיות .md-spinner(0,1,0) > *(0,0,0) + מיקום-מאוחר-יותר. */
@media (prefers-reduced-motion: reduce){
  .md-spinner,.md-skel,#multidrop-zone.is-busy{animation:md-breathe 1.5s ease-in-out infinite !important}
}

/* ---- הדפסה: עמוד נקי - בלי ניווט/פוטר-כהה/כפתור-נגישות, בלי פילטרי-נגישות ורקעים ---- */
@media print {
  .prose-table,.prose-table td,.prose-table th{white-space:normal!important}
  .prose-table{display:table!important;overflow:visible!important}   /* טבלת-משפט מודפסת שלמה (רוחב-A4 מפעיל את ה-nowrap של ≤760 וחותך) */
  /* הדפסה תמיד על-נייר-לבן: לדרוס טוקני-כהה חזרה-לבהיר (גם אם המשתמש/המערכת בכהה) */
  :root{ --bg:#fff!important; --card:#fff!important; --ink:#1c2b36!important; --ink-soft:#3d4f5c!important; --muted:#566573!important;
    --border:#e4edf0!important; --border-soft:#eef4f6!important; --ink-deep:#14323a!important; --teal-soft:#e8f6f8!important;
    --teal-50:#f3fafb!important; --teal-light:#7fcdd9!important; --teal-dark:#1f7382!important; --btn-bg:#1f7382!important;
    --nav-glass:rgba(255,255,255,.85)!important; --zebra:#fbfdfe!important; --shadow:none!important; --shadow-md:none!important;
    --grad-soft:linear-gradient(160deg,#f3fafb,#e8f6f8)!important }
  html[class*="acc-"]{filter:none !important}
  html.acc-large-text{font-size:100% !important}
  .site-nav,.footer,.acc-fab,.acc-panel,.nav-toggle,.skip-link,
  .nav .nav-links,.cta-band,.strip,.js-overlay,.js-toast{display:none !important}
  .site-nav{position:static !important}
  body{background:var(--card) !important}
  .hero,.banner,.section.alt{background:none !important;box-shadow:none !important}
  .card,.plan,.fcard{box-shadow:none !important;border:1px solid #ccc}
  a[href]::after{content:''}
  @page{margin:1.5cm}
}

/* ---- כפתור קיפול/פתיחה של פירוט-התחשיבים (מחשבון קבצים) ---- */
.fi-toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;background:none;border:none;
  padding:4px 2px;cursor:pointer;text-align:start;font:inherit;color:inherit}
.fi-toggle .fi-caret{color:var(--teal-dark);font-size:.85rem;line-height:1}
.fi-toggle:hover b{text-decoration:underline}
.fi-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}

.acc-big-cursor,.acc-big-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M6 2l25 15-12 2 6 13-5 2-6-13-8 8z' fill='white' stroke='black' stroke-width='2.5'/%3E%3C/svg%3E") 5 2,auto}

/* ---- focus-visible (WCAG 2.4.7) - חיווי מיקוד למקלדת ---- */
a:focus-visible,button:focus-visible,.btn:focus-visible,.acc-opt:focus-visible,
.faq summary:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--teal-dark);outline-offset:2px;border-radius:4px}
/* שדות שה-box-shadow לא-מרונדר עליהם (input:focus ביטל את ה-outline) -> outline מפורש, אחרת מיקוד-מקלדת נעלם */
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,
input[type=range]:focus-visible,input[type=file]:focus-visible{outline:3px solid var(--teal-dark);outline-offset:2px}