:root{
    --brand:#e1251b;
    --brand-dark:#a81b13;
    --brand-tint:#FADBD8;
    --bg:#FFFFFF;
    --card:#FFF8F2;
    --stripe:#F8D5CB;
    /* גרדיאנט הסרגל (2026-09-02) - מעברי-צבע בסגנון התמונה שהמשתמש שלח, בגוונים שלנו:
       בלוש חם בהיר למעלה -> --stripe באמצע -> ורוד עמוק יותר למטה. */
    --stripe-grad:linear-gradient(180deg, #FCE9E3 0%, #F8D5CB 52%, #F0C2B4 100%);
    --text:#2B2420;
    --text-soft:#7A7068;
    --success:#3FA66B;
    --success-tint:#E1F3E7;
    --amber:#F0A73C;
    --amber-tint:#FDF0DC;
    --amber-dark:#8A5C14;
    --danger:#7A2048;
    --danger-tint:#F2E3EB;
    --border:#F0E4D8;
    /* זהים ל-public/complaints/style.css - נדרשים כאן כי תצוגה-חיה של עורך-התוכן (עמודת-preview
       בדסקטופ) משתמשת ב-renderContentCards האמיתי (content-cards.js), כולל class="warn" */
    --warn-bg:#FAECE7;
    --warn-border:#F0997B;
    --warn-text:#712B13;
    --warn-dark:#993C1D;
  }
  *{box-sizing:border-box;}
  body{
    margin:0; background:var(--bg); color:var(--text);
    font-family:'Rubik',sans-serif; -webkit-font-smoothing:antialiased;
    min-height:100vh;
  }
  .app{max-width:480px; margin:0 auto; padding:40px 20px 60px;}
  /* מסך הסטטיסטיקות היחיד באפליקציה שרחב-מסך במחשב - מוחל/מוסר ב-render() (app.js) לפי
     המסך הפעיל. סקירת-נתונים נעשית בישיבה מול מסך, לא באמצע משמרת כמו שאר הדפים - ראה TODO.md. */
  .app.app-wide{max-width:1180px; padding:30px 28px 90px;}
  .screen{display:none;}
  .screen.active{display:block; animation:shishi-rise-in var(--motion-screen) var(--ease-enter);}

  /* ===== עמוד "בית" של הבעלים (2026-09-11): ברכה, סיכום השבוע, צ'אט ו"מה חדש" =====
     המבנה של Hostinger שהמשתמש הביא, בטוקנים של האתר. ברמת-הרשת הכותרת הרגילה מוסתרת -
     הברכה במקומה, והרובוט של ChefMate מעליה. דף-סניף נשאר SHi-SHi עם הכותרת הרגילה. */
  body.owner-network-mode #screen-home .header{display:none;}
  body.owner-network-mode #homeBody{max-width:720px; margin:0 auto;}
  .hc-greet{display:flex; flex-direction:column; align-items:center; gap:10px; text-align:center; margin:4px 0 22px;}
  .hc-mark{width:40px; height:50px;}
  .hc-greet h2{font-size:26px; font-weight:800; margin:0; text-wrap:balance;}
  .hc-root{display:flex; flex-direction:column; gap:26px;}
  .hc-sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}

  /* חלון הצ'אט - המקום היחיד בעמוד שמקבל "הילה", בגווני הסרגל (--stripe-grad) */
  .hc-chat{background:linear-gradient(180deg, #FCE9E3 0%, var(--card) 100%); border:1.5px solid var(--border); border-radius:22px; padding:10px 10px 14px;}
  .hc-head{display:none; align-items:center; justify-content:space-between; padding:4px 8px 10px;}
  .hc-head b{font-size:13px; font-weight:800;}
  .hc-ghost{border:1.5px solid #E4CDBE; background:var(--bg); color:var(--text); border-radius:10px; padding:6px 12px; font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; flex-shrink:0;}
  /* אפשרות א: השיחה נפתחת בתוך החלון וגוללת בתוכו - הברכה והסיכום נשארים במקום */
  .hc-thread{display:none; flex-direction:column; gap:18px; max-height:min(440px, 56vh); overflow-y:auto; overscroll-behavior:contain; padding:6px 8px 16px;}
  .hc-has-conv .hc-head{display:flex;}
  .hc-has-conv .hc-thread{display:flex;}
  .hc-user{align-self:flex-end; max-width:80%; background:var(--brand-tint); border:1.5px solid #F0C2B4; border-radius:16px; border-end-end-radius:6px; padding:10px 14px; font-size:14.5px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere;}
  .hc-bot{display:flex; gap:11px; align-items:flex-start;}
  .hc-av{width:30px; height:30px; flex-shrink:0; border-radius:9px; background:var(--card); border:1.5px solid var(--border); display:flex; align-items:center; justify-content:center;}
  .hc-av img{width:19px; height:24px;}
  .hc-body{flex:1; min-width:0; overflow-wrap:anywhere;}
  .hc-think{display:inline-flex; align-items:center; gap:8px; border:0; background:none; padding:5px 0; font:inherit; font-size:13px; font-weight:600; color:var(--text-soft);}
  button.hc-think{cursor:pointer;}
  .hc-chev{width:12px; height:12px; transform:rotate(90deg); transition:transform var(--motion-fast) var(--ease-move);}
  .hc-think[aria-expanded="true"] .hc-chev{transform:none;}
  .hc-tick{width:16px; height:16px; color:var(--success); flex-shrink:0;}
  /* מחוון-המתנה: החריג היחיד ל"אין infinite" (CLAUDE.md) - נעלם כשהתשובה מגיעה, והבקשה חסומה ב-timeout */
  .hc-spin{width:14px; height:14px; border-radius:50%; border:2px solid var(--border); border-top-color:var(--brand); animation:hc-spin .8s linear infinite; flex-shrink:0;}
  @keyframes hc-spin{to{transform:rotate(360deg);}}
  .hc-steps{list-style:none; margin:4px 0 8px; padding:0; padding-inline-start:4px; border-inline-start:2px solid var(--border); display:flex; flex-direction:column; gap:7px;}
  .hc-steps li{display:flex; align-items:center; gap:8px; font-size:13px; padding-inline-start:10px;}
  .hc-steps li.is-note{color:var(--text-soft);}
  .hc-answer{font-size:14.5px; line-height:1.7;}
  .hc-answer p{margin:0 0 10px;}
  .hc-answer ul{margin:0 0 10px; padding-inline-start:20px; display:flex; flex-direction:column; gap:4px;}
  .hc-answer a{color:var(--brand-dark); font-weight:700;}
  .hc-err{margin:4px 0 0; font-size:13.5px; line-height:1.5; color:var(--warn-text); background:var(--warn-bg); border:1.5px solid var(--warn-border); border-radius:10px; padding:8px 12px;}
  .hc-srcs{display:flex; flex-wrap:wrap; gap:6px;}
  .hc-src{font-size:12px; font-weight:700; color:var(--brand-dark); background:var(--card); border:1.5px solid var(--border); border-radius:8px; padding:4px 9px; text-decoration:none;}
  .hc-follow{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
  .hc-follow .hc-chip{font-size:12.5px; padding:7px 12px;}

  .hc-box{display:block; background:var(--bg); border:1.5px solid #E4CDBE; border-radius:16px; padding:14px 16px 10px; box-shadow:0 8px 22px -12px rgba(168,27,19,.22); transition:border-color var(--motion-fast) var(--ease-move);}
  .hc-box:focus-within{border-color:#DD847B;}
  .hc-box textarea{width:100%; border:0; resize:none; outline:none; background:transparent; font:500 15px/1.55 'Rubik', sans-serif; color:var(--text); min-height:52px;}
  .hc-has-conv .hc-box textarea{min-height:26px;}
  .hc-box textarea::placeholder{color:#9C928A; font-weight:400;}
  .hc-row{display:flex; justify-content:flex-end;}
  .hc-send{width:34px; height:34px; border-radius:50%; border:0; display:flex; align-items:center; justify-content:center; background:var(--brand); color:#fff; cursor:pointer; transition:background-color var(--motion-fast) var(--ease-move);}
  .hc-send:disabled{background:var(--border); color:var(--text-soft);}
  .hc-send svg{width:16px; height:16px;}
  .hc-chips{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:12px; padding-inline:6px;}
  .hc-chips:empty{display:none;}
  .hc-chip{display:inline-flex; align-items:center; gap:7px; padding:8px 13px; border-radius:999px; background:var(--bg); border:1.5px solid var(--border); color:var(--text); font:inherit; font-size:13px; font-weight:600; cursor:pointer; text-align:start;}
  .hc-chip svg{width:15px; height:15px; color:var(--brand-dark); flex-shrink:0;}
  @media (hover: hover){
    .hc-chip:hover, .hc-ghost:hover{border-color:#DD847B;}
    .hc-src:hover{border-color:#DD847B;}
  }

  /* "מה חדש בתחום" - אפשרות ב מהגריל: עד 3 ידיעות מתחת לצ'אט, כמו "Your to-dos" ב-Hostinger.
     מדורג לפי חשיבות ולא לפי זמן; החותמת "נבדק" אומרת מתי הסוכן בדק בפועל. */
  .hc-news-h{display:flex; align-items:center; gap:9px; margin-bottom:10px; flex-wrap:wrap;}
  .hc-news-h h3{font-size:16px; font-weight:800; margin:0;}
  .hc-badge{min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--brand); color:#fff; font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center;}
  .hc-news-when{font-size:11.5px; color:var(--text-soft); font-weight:600; margin-inline-start:auto;}
  .hc-news-list{border:1.5px solid var(--border); border-radius:16px;}
  .hc-news-row{display:flex; align-items:center; gap:14px; padding:14px 16px;}
  .hc-news-row + .hc-news-row{border-top:1px solid var(--border);}
  .hc-news-ic{width:40px; height:40px; border-radius:11px; background:var(--card); border:1.5px solid var(--border); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--brand-dark);}
  .hc-news-ic svg{width:19px; height:19px;}
  .hc-news-tx{flex:1; min-width:0;}
  .hc-news-tx b{display:block; font-size:14px; font-weight:700; margin-bottom:2px;}
  .hc-news-tx p{margin:0; font-size:13px; line-height:1.55;}
  .hc-news-src{display:inline-block; margin-top:4px; font-size:11.5px; font-weight:700; color:var(--brand-dark); text-decoration:none;}
  .hc-news-empty{margin:0; font-size:13px; color:var(--text-soft);}
  @media (max-width:879px){
    .hc-greet h2{font-size:22px;}
    .hc-news-row{flex-wrap:wrap;}
    .hc-news-row .hc-ghost{margin-inline-start:54px;}
    .hc-user{max-width:90%;}
    .hc-thread{max-height:62vh;}
  }
  @media (prefers-reduced-motion: reduce){
    .hc-spin{animation:none; background:var(--brand-tint);}
  }

  /* סרגל-ניווט-קבוע (מוקאפ "אופציה A", מבוסס-מוקאפ-מאושר 2026-08-26) - מוסתר כברירת-מחדל
     (גם בנייד וגם במסכים שאין-בהם-הקשר-סניף כמו login/branch-picker) - נחשף רק ב-880px+
     וכש-body מקבל class="has-sidebar" (render(), app.js) עבור מסכי-אזור-סניף. */
  .owner-sidebar{display:none;}

  /* כותרת אחידה בכל האתר (2026-08-28) - לוגו קטן בשורה עם הכותרת, כמו עמוד אדמיניסטרציה (zlil).
     לא עוד לוגו-גדול-ממורכז. במסכים פנימיים כל הכותרת היא כפתור-חזרה (data-action="back"). */
  .header{display:flex; align-items:center; flex-wrap:wrap; column-gap:14px; margin-bottom:26px;}
  .header[data-action]{cursor:pointer;}
  .logo{
    width:52px; height:52px; border-radius:15px; background:var(--brand); flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-weight:800; font-size:12px; line-height:1.1; text-align:center;
    box-shadow:0 6px 14px rgba(225,37,27,0.25);
  }
  .header-title{font-size:20px; font-weight:800; margin:0; flex:1;}
  .header-crumb{flex-basis:100%; margin:2px 0 0; margin-inline-start:66px; font-size:12.5px; color:var(--text-soft); font-weight:400;}

  /* התחברות */
  .google-btn{
    display:flex; align-items:center; justify-content:center; gap:10px; width:100%;
    background:#fff; border:1.5px solid var(--border); border-radius:14px; padding:14px;
    font-family:inherit; font-size:14.5px; font-weight:700; color:var(--text); cursor:pointer;
    box-shadow:0 2px 8px rgba(0,0,0,0.04); text-decoration:none;
  }
  .login-foot{margin-top:22px; font-size:11.5px; color:var(--text-soft); line-height:1.6;}
  .login-error{
    margin-top:18px; background:var(--brand-tint); color:var(--brand-dark); border-radius:12px;
    padding:12px 14px; font-size:12.5px; font-weight:600; display:none;
  }
  .login-error.show{display:block; animation:shishi-rise-in var(--motion-base) var(--ease-enter);}

  .body-pad{padding:0;}
  .role-note{
    display:flex; align-items:center; gap:8px; background:var(--success-tint); color:#256B45;
    border-radius:12px; padding:10px 12px; font-size:12px; font-weight:600; margin-bottom:14px;
  }

  /* שורת תפריט אנכית - אותם פרמטרים בדיוק כמו .card בדף הבית/manager (מסגרת תמיד בצבע
     המותג, לא רק כש-featured; מידות אייקון/כותרת/ריווח זהות) - עיצוב אחיד בין הדפים */
  .menu-row{
    display:flex; align-items:center; gap:14px; background:var(--card);
    border:1.5px solid var(--brand); border-radius:16px; padding:18px 16px; margin-bottom:12px; cursor:pointer;
    text-decoration:none; color:inherit;
  }
  .menu-icon{
    width:46px; height:46px; border-radius:14px; background:var(--brand-tint); color:var(--brand-dark);
    display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0;
  }
  .menu-body{flex:1; min-width:0;}
  .menu-title{font-size:15.5px; font-weight:700;}
  .menu-chev{color:var(--text-soft); font-size:18px; flex-shrink:0;}
  .menu-row.disabled{opacity:.55; cursor:default; border-color:var(--border);}
  .menu-row.disabled .menu-icon{background:var(--bg); color:var(--text-soft);}
  .soon-tag{
    font-size:9px; font-weight:700; color:var(--text-soft); background:var(--bg);
    border:1px solid var(--border); padding:2px 7px; border-radius:99px; flex-shrink:0;
  }

  /* ============================================================================
     סטטיסטיקות - עיצוב-מחדש מבוסס-מחקר (2026-08-13, ראה TODO.md "איפוס-כיוון").
     המסך היחיד שרחב-מסך במחשב (.app-wide על .app, ראה למעלה) עם כרטיסים מתקפלים
     בנייד (≤560px) - שני המצבים חולקים אותם class-ים, ה-CSS-media בסוף הקובץ קובע.
     ============================================================================ */

  /* --- כותרת: .header המשותף לכל האתר (ראה index.html) - הלוגו לבד בשורה שלו, בדיוק כמו
     "אזור משימות" (הוחלט 2026-08-22). הבוררים/לשוניות בשורה נפרדת מתחת, .stats-controls-row. --- */
  .stats-controls-row{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:18px;}
  .stats-range-tag{
    background:var(--card); border:1.5px solid var(--border); border-radius:11px;
    padding:9px 16px; font-size:12.5px; color:var(--text-soft); font-weight:700;
    font-variant-numeric:tabular-nums; white-space:nowrap;
  }
  .stats-period-switch{display:flex; gap:3px; background:var(--card); border:1.5px solid var(--border); border-radius:12px; padding:4px;}
  .stats-period-btn{
    border:none; background:transparent; font-family:inherit; font-size:12.5px; font-weight:700;
    color:var(--text-soft); padding:8px 17px; border-radius:9px; cursor:pointer;
  }
  .stats-period-btn.active{background:var(--brand); color:#fff;}
  @media (hover: hover){ .stats-period-btn:hover:not(.active){background:var(--bg);} }
  #statsPeriodSwitch:empty, #statsSubNav:empty{display:none;}

  /* --- ניווט-שבוע/יום/טווח-מותאם (2026-08-15) - חי לצד בורר-הגרנולריות/החודשים --- */
  .stats-subnav{display:flex; align-items:center; gap:6px;}
  .stats-nav-arrow{
    width:32px; height:32px; border-radius:9px; border:1.5px solid var(--border); background:var(--card);
    color:var(--text); font-size:16px; font-weight:800; cursor:pointer; line-height:1;
  }
  @media (hover: hover){ .stats-nav-arrow:hover{background:var(--bg);} }
  .stats-nav-label{font-size:12.5px; color:var(--text-soft); font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap;}
  .stats-date-input{
    border:1.5px solid var(--border); background:var(--card); color:var(--text); border-radius:9px;
    padding:7px 10px; font-family:inherit; font-size:12.5px; font-weight:600;
  }
  .stats-apply-btn{border:1.5px solid var(--border);}

  /* --- פס תשומת-לב --- */
  .stats-attn-strip{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:24px;}
  .stats-attn-chip{
    display:flex; align-items:center; gap:9px; border-radius:12px; padding:11px 16px;
    font-size:13px; font-weight:700; border:1.5px solid; background:var(--card); cursor:pointer; font-family:inherit; text-align:start;
  }
  .stats-attn-chip.sev-danger{border-color:#E3C4D3; background:var(--danger-tint); color:var(--danger);}
  .stats-attn-chip.sev-warn{border-color:var(--amber); background:var(--amber-tint); color:var(--amber-dark);}
  .stats-attn-chip .ic{font-size:15px;}

  /* --- אריחי-hero: ₪ ומספרים גולמיים, לא רק % --- */
  .stats-hero-row{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px;}
  .stats-hero-tile{background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:20px 20px 18px;}
  .stats-hero-tile .stats-hero-icon{font-size:17px; margin-bottom:8px; display:block;}
  .stats-hero-num{font-size:27px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1;}
  .stats-hero-label{font-size:12.5px; color:var(--text-soft); font-weight:600; margin-top:5px;}
  .stats-hero-sub{font-size:11px; color:var(--text-soft); margin-top:7px; line-height:1.5;}
  .stats-c-brand{color:var(--brand-dark);}
  .stats-c-success{color:#2E7D4F;}
  .stats-c-amber{color:var(--amber-dark);}
  .stats-c-danger{color:var(--danger);}
  .stats-c-muted{color:var(--text-soft);}

  /* --- גריד ראשי דו-טורי --- */
  .stats-grid-main{display:grid; grid-template-columns:1.55fr 1fr; gap:20px; align-items:start; margin-bottom:20px;}
  .stats-col{display:flex; flex-direction:column; gap:20px; min-width:0;}

  /* שורה-זוגית "משימות בתקופה"+"תלונות לקוחות" - אותה שורה, זו-לצד-זו (בקשה מפורשת,
     2026-08-24) - HTML: משימות קודם, אז ב-RTL היא הפריט-הימני */
  .stats-pair-row{display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; margin-bottom:20px;}

  /* --- כרטיס בסיס - height קבוע על ה-*כרטיס-כולו* (לא רק על תוכן-הגוף) כדי שכל הכרטיסים
     יהיו זהים-באורכם-בדיוק גם כשהכותרות-שלהם (h2/sub) שונות-באורכן-ונשברות-לשורות-שונות
     (בקשה מפורשת, 2026-08-24: "תשווה את האורך" - כרטיס-לתוכן-קצר-בלבד לא הספיק, כי הפרשי-
     גובה-כותרת נשארו). כותרת flex-shrink:0, גוף flex:1+min-height:0+overflow-y:auto - אותה
     שרשרת שכבר הוכיחה-את-עצמה בעמודי-הצ'ק-ליסטים (ראה CLAUDE.md, "מינימום-גלילה"). --- */
  .stats-card{background:var(--card); border:1.5px solid var(--border); border-radius:18px; padding:22px 24px; height:400px; display:flex; flex-direction:column;}
  .stats-card.wide{margin-bottom:20px;}
  /* בתוך טור-גריד ה-gap כבר נותן את המרווח. בלי האיפוס הזה כרטיס-wide בטור אחד דוחף את
     הכרטיס שמתחתיו ב-20px נוספים, והשורה השנייה של שני הטורים לא מתיישרת (נתפס 2026-09-06:
     "משלוחים" ישב 20px נמוך מ"הכרת הצוות"). */
  .stats-col .stats-card.wide{margin-bottom:0;}
  .stats-card-head{display:flex; align-items:flex-start; gap:12px; margin-bottom:4px; flex-shrink:0;}
  .stats-card-icon{
    width:36px; height:36px; border-radius:11px; background:var(--brand-tint); color:var(--brand-dark);
    display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;
  }
  .stats-card-titles{flex:1; min-width:0;}
  .stats-card h2{font-size:16.5px; font-weight:800; margin:0;}
  .stats-card-sub{font-size:12px; color:var(--text-soft); margin-top:3px; line-height:1.5;}

  .stats-money-headline{display:flex; align-items:baseline; gap:9px; margin:14px 0 6px;}
  .stats-money-headline .amt{font-size:32px; font-weight:800; color:var(--brand-dark); font-variant-numeric:tabular-nums;}
  .stats-money-headline .amt-label{font-size:12.5px; color:var(--text-soft); font-weight:600;}

  .stats-insight{background:var(--bg); border-radius:12px; padding:13px 15px; font-size:12.5px; line-height:1.65; margin-top:14px;}
  .stats-insight b{color:var(--brand-dark);}
  .stats-insight.calm{background:var(--success-tint);}
  .stats-insight.calm b{color:#2E7D4F;}
  .stats-insight.warn{background:var(--amber-tint); color:var(--amber-dark);}

  .stats-section-label{font-size:11px; font-weight:700; color:var(--text-soft); text-transform:uppercase; letter-spacing:.03em; margin:18px 0 10px;}
  .stats-section-label:first-of-type{margin-top:6px;}

  .stats-person-row{display:flex; align-items:center; gap:11px; padding:9px 0; border-bottom:1px solid var(--border);}
  .stats-person-row:last-child{border-bottom:none;}
  .stats-person-name{font-weight:700; font-size:13px; flex:0 0 68px;}
  .stats-person-fact{flex:1; font-size:12px; color:var(--text-soft); line-height:1.5;}
  .stats-person-fact b{color:var(--text); font-weight:700;}

  /* יומן חוסרים/עודפים בקופה (2026-08-16) - כל אירוע קונקרטי (תאריך+שם+סכום), לא ממוצע */
  .stats-cashlog{display:flex; flex-direction:column;}
  .stats-cashlog-row{display:flex; align-items:center; gap:11px; padding:9px 0; border-bottom:1px solid var(--border); font-size:12.5px;}
  .stats-cashlog-row:last-child{border-bottom:none;}
  .stats-cashlog-date{flex:0 0 40px; color:var(--text-soft); font-variant-numeric:tabular-nums;}
  .stats-cashlog-name{flex:1; font-weight:700;}
  .stats-cashlog-kind{flex:0 0 auto; font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:99px;}
  .stats-cashlog-row.shortage .stats-cashlog-kind{color:var(--danger); background:var(--danger-tint);}
  .stats-cashlog-row.surplus .stats-cashlog-kind{color:var(--amber-dark); background:var(--amber-tint);}
  .stats-cashlog-amt{flex:0 0 auto; font-weight:800; font-variant-numeric:tabular-nums;}
  .stats-cashlog-row.shortage .stats-cashlog-amt{color:var(--danger);}

  .stats-split{display:flex; gap:14px; margin:12px 0 4px;}
  .stats-split-stat{flex:1; background:var(--bg); border-radius:12px; padding:14px 16px; text-align:center;}
  .stats-split-stat .n{font-size:20px; font-weight:800; color:var(--brand-dark); font-variant-numeric:tabular-nums;}
  .stats-split-stat .l{font-size:11px; color:var(--text-soft); font-weight:600; margin-top:4px;}

  .stats-task-row{display:flex; align-items:center; gap:9px; padding:7px 0; border-bottom:1px solid var(--border); font-size:12px;}
  .stats-task-row:last-child{border-bottom:none;}

  /* טבלת-משימות בסטטיסטיקות - עיצוב זהה במכוון לטבלת "אזור משימות" (.tasks-table-section),
     אותם ערכים בדיוק, אבל class נפרד (לא reuse-ישיר) כי .tasks-table-section מוסתרת-לגמרי
     במובייל (display:none עד app-wide) - כאן, בניגוד לזה, רוצים שהטבלה תיראה גם במובייל. */
  /* גוף-הכרטיס ממלא את מה-שנשאר אחרי הכותרת בתוך height-קבוע-על-.stats-card (למעלה) -
     flex:1+min-height:0 (לא height-קבוע-כאן-עצמו) כדי שההתאמה-לגובה-הכרטיס תהיה מדויקת גם
     כשגובה-הכותרת משתנה בין כרטיס לכרטיס (מספר-שורות-שונה בתת-כותרת) - ראה הערה ב-.stats-card. */
  .stats-card-body-scroll{flex:1; min-height:0; overflow-y:auto;}
  .stats-tasks-table{background:var(--card); border:1.5px solid var(--border); border-radius:18px; overflow:hidden; margin-top:10px; flex:1; min-height:0; overflow-y:auto;}
  .stats-tasks-table table{width:100%; border-collapse:collapse; font-size:13px;}
  .stats-tasks-table th{text-align:right; font-size:11px; font-weight:700; color:var(--text-soft); letter-spacing:.02em; padding:12px 10px; border-bottom:1.5px solid var(--border); position:sticky; top:0; background:var(--card); z-index:1;}
  .stats-tasks-table th.center, .stats-tasks-table td.center{text-align:center;}
  .stats-tasks-table td{padding:12px 10px; border-bottom:1px solid var(--border); vertical-align:middle;}
  .stats-tasks-table tr:last-child td{border-bottom:none;}
  .stats-tasks-row-date{font-size:11px; color:var(--text-soft); font-variant-numeric:tabular-nums;}
  .stats-tasks-row-title{font-weight:700; margin-top:2px;}
  .stats-tasks-table .status-pill{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:5px 11px; border-radius:99px;}
  .stats-tasks-table .status-pill.open{background:var(--bg); color:var(--text-soft); border:1px solid var(--border);}
  .stats-tasks-table .status-pill.done{background:var(--success-tint); color:#1F7A44;}
  .stats-tasks-table .row-photo{width:32px; height:32px; border-radius:8px; object-fit:cover; cursor:pointer;}
  .stats-task-count{
    flex-shrink:0; width:22px; height:22px; border-radius:7px; background:var(--amber-tint); color:var(--amber-dark);
    display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:800;
  }

  .stats-complaint-row{display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--border); font-size:12.5px;}
  .stats-complaint-row:last-child{border-bottom:none;}
  .stats-complaint-badge{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;background:var(--bg);}
  .stats-complaint-row.critical .stats-complaint-badge{background:var(--danger-tint);}
  .stats-complaint-row.critical .stats-complaint-name{color:var(--danger); font-weight:700;}
  .stats-complaint-name{flex:1;}
  .stats-complaint-count{font-weight:800; font-size:12px; color:var(--text-soft); font-variant-numeric:tabular-nums;}

  .stats-deliv-table{width:100%; border-collapse:collapse; font-size:12px; margin-top:4px;}
  .stats-deliv-table th{text-align:center; font-size:10px; font-weight:700; color:var(--text-soft); letter-spacing:.02em; padding-bottom:8px; border-bottom:1.5px solid var(--border);}
  .stats-deliv-table th:first-child{text-align:right;}
  .stats-deliv-table td{padding:7px 4px; border-bottom:1px solid var(--border); text-align:center; font-variant-numeric:tabular-nums;}
  .stats-deliv-table td:first-child{text-align:right; font-weight:700; color:var(--text-soft); font-variant-numeric:initial;}
  .stats-deliv-table tr:last-child td{border-bottom:none;}

  /* --- כרטיס "הכרת הצוות" (רחב) --- */
  .stats-top-employee{display:flex; align-items:center; gap:10px; background:var(--amber-tint); border-radius:14px; padding:13px 16px; margin-bottom:14px; flex-shrink:0;}
  .stats-top-employee .te-icon{font-size:20px;}
  .stats-top-employee .te-text{flex:1; font-size:13.5px; color:var(--amber-dark);}
  .stats-top-employee .te-count{font-size:11px; font-weight:800; color:var(--amber-dark); background:#fff; border-radius:7px; padding:3px 8px; flex-shrink:0;}
  .stats-people-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:6px;}
  .stats-recur-card{background:var(--bg); border-radius:14px; padding:15px 16px;}
  .stats-recur-card .rc-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:10px;}
  .stats-recur-card .rc-name{font-size:15px; font-weight:800;}
  .stats-cross-badge{font-size:10px; font-weight:800; background:var(--success-tint); color:#2E7D4F; border-radius:7px; padding:3px 8px;}
  .stats-quote-line{font-size:12px; line-height:1.6; padding:9px 0; border-top:1px dashed var(--border);}
  .stats-quote-line:first-of-type{border-top:none; padding-top:0;}
  .stats-quote-meta{font-size:10.5px; color:var(--text-soft); margin-top:3px; font-weight:600;}


  .stats-feed-title{font-size:11px; font-weight:700; color:var(--text-soft); text-transform:uppercase; letter-spacing:.03em; margin:20px 0 10px;}
  .stats-feed-grid{display:grid; grid-template-columns:1fr 1fr; gap:8px 20px;}
  .stats-feed-row{display:flex; gap:8px; font-size:11.5px; line-height:1.55; padding:7px 0; border-bottom:1px solid var(--border);}
  .stats-feed-date{flex-shrink:0; width:38px; color:var(--text-soft); font-weight:700; font-variant-numeric:tabular-nums;}
  .stats-feed-text{flex:1; color:var(--text-soft);}
  .stats-feed-text b{color:var(--text); font-weight:700;}

  .stats-empty-state{background:var(--bg); border-radius:14px; padding:32px 20px; text-align:center; color:var(--text-soft); font-size:13px; line-height:1.75; margin-top:6px;}
  .stats-empty-state .es-icon{font-size:26px; margin-bottom:10px; display:block;}
  .stats-empty-state b{color:var(--text);}
  .stats-empty-note{font-size:11.5px; color:var(--text-soft); text-align:center; padding:14px 0;}

  /* --- פוטר-מקרא --- */
  .stats-legend-footer{
    display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin-top:26px; padding:16px 20px;
    background:var(--card); border:1.5px solid var(--border); border-radius:14px; font-size:11.5px; color:var(--text-soft);
  }
  .stats-legend-item{display:flex; align-items:center; gap:7px;}
  .stats-legend-dot{width:9px; height:9px; border-radius:50%; flex-shrink:0;}

  @media (max-width: 880px){
    .stats-grid-main{grid-template-columns:1fr;}
    .stats-pair-row{grid-template-columns:1fr;}
    .stats-hero-row{grid-template-columns:1fr 1fr;}
    .stats-people-grid{grid-template-columns:1fr;}
    .stats-feed-grid{grid-template-columns:1fr;}
    .stats-split{flex-direction:column;}
  }

  /* --- מצב-נייד: כרטיסים מתקפלים (כמו שאר האפליקציה), כותרת מלאה-רוחב --- */
  @media (max-width: 560px){
    .app.app-wide{padding:20px 16px 60px;}
    .stats-controls-row{flex-direction:column; align-items:stretch; gap:8px;}
    .stats-period-switch{width:100%;}
    .stats-period-btn{flex:1; text-align:center; padding:9px 10px;}
    .stats-range-tag{text-align:center;}
    .stats-subnav{width:100%; justify-content:center; flex-wrap:wrap;}
    .stats-date-input{flex:1;}
    .stats-attn-chip{width:100%;}
    .stats-card{padding:18px;}
    .stats-card-head{cursor:pointer;}
    .stats-card-head::after{content:'⌄'; font-size:16px; color:var(--text-soft); flex-shrink:0; transition:transform var(--motion-fast) var(--ease-move);}
    .stats-card.collapsed > *:not(.stats-card-head){display:none;}
    .stats-card.collapsed .stats-card-head::after{transform:rotate(180deg);}
    /* בלי זה, height:400px הקבוע (למעלה, .stats-card) היה משאיר קופסה ריקה-בגובה-מלא
       מתחת לכותרת-המקופלת - מקופל אמור להתכווץ לגובה-הכותרת-בלבד */
    .stats-card.collapsed{height:auto;}
  }

  /* הזמנת עובד/ת + ניהול צוות */
  .section-title{font-size:12px; font-weight:700; color:var(--text-soft); margin:18px 0 9px;}
  .section-title:first-child{margin-top:0;}
  .invite-form{background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:16px;}
  .field-label{font-size:11.5px; font-weight:700; color:var(--text-soft); margin-bottom:6px; display:block;}
  .invite-form input[type=text], .invite-form input[type=date], .invite-form textarea, .invite-form select{
    width:100%; border:1.5px solid var(--border); border-radius:10px; padding:9px 11px;
    font-family:inherit; font-size:13px; color:var(--text); background:var(--card); margin-bottom:12px; box-sizing:border-box;
  }
  .invite-form select{cursor:pointer;}
  .invite-form textarea{resize:vertical; min-height:56px;}

  /* עמוד "עובדי הסניף" (screen-staff) - בסיס נייד: טופס-הוספה בערימה אנכית, טבלה נגללת. */
  .staff-table-wrap{background:var(--card); border:1.5px solid var(--border); border-radius:16px; overflow:auto; max-height:60vh; margin-top:4px;}
  .staff-table{width:100%; border-collapse:collapse; font-size:13px;}
  .staff-table th{position:sticky; top:0; background:var(--card); text-align:right; font-size:11px; font-weight:700; color:var(--text-soft); padding:11px 12px; border-bottom:1.5px solid var(--border); white-space:nowrap; z-index:1;}
  .staff-table th.center, .staff-table td.center{text-align:center;}
  .staff-table td{padding:9px 12px; border-bottom:1px solid var(--border); vertical-align:middle;}
  .staff-table tr:last-child td{border-bottom:none;}
  .staff-table .staff-name{font-weight:700;}
  .staff-table .staff-phone, .staff-table .staff-email{direction:ltr; text-align:right; color:var(--text-soft); font-size:12px;}
  .staff-table .staff-loading{text-align:center; color:var(--text-soft); padding:20px 0;}
  tr.staff-inactive td{opacity:.5;}
  tr.staff-inactive td.center{opacity:1;}

  /* --- "צוות הסניף" (2026-09-05) - סרגל-כלים, טבלה ופאנל-צד. בסיס נייד; דסקטופ למטה
     ב-@media(min-width:880px). הפאנל (ולא שורה-נפרשת) לפי בחירת המשתמש - הוא לא מזיז את
     הטבלה, ויש בו מקום לגדול כשנוסיף הרשאות. --- */
  .team-toolbar{display:flex; flex-direction:column; gap:10px; margin-bottom:12px;}
  .team-search{display:flex; align-items:center; gap:8px; background:var(--card); border:1.5px solid var(--border); border-radius:10px; padding:8px 11px; color:var(--text-soft);}
  .team-search input{flex:1; min-width:0; border:none; background:none; font-family:inherit; font-size:13px; color:var(--text); outline:none;}
  .team-filters{display:flex; gap:6px; background:var(--stripe); border:1.5px solid var(--border); border-radius:12px; padding:4px; overflow-x:auto;}
  .team-chip{flex-shrink:0; border:none; background:none; border-radius:9px; padding:7px 13px; font-family:inherit; font-size:12.5px; font-weight:700; color:var(--text-soft); cursor:pointer; white-space:nowrap;}
  .team-chip.active{background:var(--brand); color:#fff;}
  .team-add-btn{width:100%;}
  .team-name-cell{display:flex; align-items:center; gap:10px;}
  .team-avatar.sm{width:30px; height:30px; font-size:12px;}
  .team-noaccess{color:var(--text-soft); font-size:12px;}
  .team-row-line{cursor:pointer;}
  .team-row-line.sel td{background:var(--brand-tint);}
  .team-chev{color:var(--text-soft);}
  .wa-tag{display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; white-space:nowrap;}
  .wa-tag.ok{color:#1F7A44;}
  /* מצב-ביניים: יש מספר, אין רישום לבוט. ניטרלי בכוונה - לא ירוק (שנקרא "הכל מוכן")
     ולא כתום (ששמור למי שאין לו מספר בכלל). ראה teamWhatsappCell. */
  .wa-tag.partial{color:var(--text-soft);}
  .wa-tag.warn{color:var(--amber-dark);}
  .wa-tag.none{color:var(--text-soft);}
  .team-toggle{width:34px; height:19px; border-radius:99px; background:#E4CDBE; border:none; padding:2px; cursor:pointer; display:inline-flex; align-items:center; justify-content:flex-start; flex-shrink:0;}
  .team-toggle.on{background:var(--success); justify-content:flex-end;}
  .team-toggle span{width:15px; height:15px; border-radius:50%; background:#fff; display:block;}

  .team-drawer-backdrop{position:fixed; inset:0; background:rgba(43,36,32,0.35); z-index:60;}
  .team-drawer-backdrop[hidden]{display:none;}
  /* גובה dvh ולא vh, ו-padding לאזור-הבטוח בתחתית: ב-iOS/iPad Safari ‎100vh כולל את סרגל-
     הכתובת הנעלם, ולכן שורת "שמירה" נחתכה מתחת לסרגל-הדפדפן ולחיצות עליה פשוט לא הגיעו
     (הבאג "לוחץ שמירה וכלום לא קורה" - אותה מלכודת שכבר תועדה על הסרגל הצדדי). */
  .team-drawer{position:fixed; top:0; inset-inline:0; height:100vh; height:100dvh; z-index:61; background:var(--bg); display:flex; flex-direction:column;}
  .team-drawer[hidden]{display:none;}
  .team-drawer-head{display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1.5px solid var(--border); flex-shrink:0;}
  .team-drawer-id{flex:1; min-width:0;}
  .team-drawer-name{font-size:17px; font-weight:800;}
  .team-drawer-sub{font-size:11.5px; color:var(--text-soft); margin-top:2px; direction:ltr; text-align:right;}
  .team-drawer-x{background:none; border:none; font-size:17px; color:var(--text-soft); cursor:pointer; padding:4px;}
  .team-drawer-body{flex:1; min-height:0; overflow-y:auto; padding:18px 20px;}
  .team-drawer-foot{display:flex; flex-direction:column; gap:8px; padding:14px 20px; padding-bottom:calc(14px + env(safe-area-inset-bottom)); border-top:1.5px solid var(--border); background:var(--card); flex-shrink:0;}
  .team-drawer-btns{display:flex; gap:10px;}
  .team-drawer-foot .form-error{margin:0;}
  .team-drawer-foot .gen-btn, .team-cancel{min-height:46px;}
  .team-cancel{flex:1; background:var(--bg); color:var(--text-soft); border:1.5px solid var(--border); border-radius:12px; padding:12px; font-family:inherit; font-size:13.5px; font-weight:700; cursor:pointer;}
  .team-sec-title{font-size:12px; font-weight:800; color:var(--text-soft); margin:0 0 10px;}
  .team-sec-title.with-switch{display:flex; align-items:center; gap:10px; margin-top:22px;}
  .team-sec-title.with-switch::after{content:''; flex:1; height:1px; background:var(--border); order:1;}
  .team-sec-title.with-switch .team-toggle{order:2;}
  .team-grid{display:grid; grid-template-columns:1fr; gap:12px;}
  .team-field{display:block;}
  .team-field.wide{grid-column:1 / -1;}
  .team-field input, .team-field select{width:100%; border:1.5px solid var(--border); border-radius:10px; padding:9px 11px; font-family:inherit; font-size:13px; color:var(--text); background:var(--card); box-sizing:border-box;}
  .team-field.ltr input{direction:ltr; text-align:right;}
  .team-hint{font-size:11.5px; color:var(--text-soft); line-height:1.55; margin-bottom:10px;}
  .team-access-list{display:flex; flex-direction:column; gap:8px;}
  .team-access-list.off{opacity:.45;}
  .acc-card{border:1.5px solid var(--border); background:var(--card); border-radius:12px; padding:11px 14px; cursor:pointer;}
  .acc-card.sel{border-color:#DD847B; background:var(--brand-tint);}
  .acc-head{display:flex; align-items:center; gap:9px;}
  .acc-radio{width:15px; height:15px; border-radius:50%; border:1.5px solid #C9BEB2; flex-shrink:0;}
  .acc-card.sel .acc-radio{border-color:var(--brand); background:radial-gradient(circle, var(--brand) 0 4.5px, transparent 5px);}
  .acc-name{font-size:13px; font-weight:700;}
  .acc-card.sel .acc-name{font-weight:800; color:var(--brand-dark);}
  .acc-desc{font-size:11.5px; color:var(--text-soft); line-height:1.55; margin-top:5px; margin-inline-start:24px;}
  .team-locked{display:flex; align-items:center; gap:9px; flex-wrap:wrap; background:var(--card); border:1.5px solid var(--border); border-radius:12px; padding:11px 14px; font-size:11.5px; color:var(--text-soft); line-height:1.5;}
  .team-wa{border-radius:12px; padding:11px 14px; font-size:11.5px; line-height:1.55;}
  .team-wa.ok{background:var(--success-tint); color:#256B45;}
  .team-wa.partial{background:var(--card); border:1.5px solid var(--border); color:var(--text-soft);}
  .team-wa.warn{background:var(--amber-tint); color:var(--amber-dark);}
  /* בחירת המנות שעליהן מגיעה תזכורת-אירוע (2026-09-05) */
  .dish-row{display:flex; flex-wrap:wrap; align-items:center; gap:8px;}
  .dish-row.off{opacity:.45; pointer-events:none;}
  .dish-row .field-label{margin:0 0 0 2px; width:100%;}
  .dish-chip{border:1.5px solid var(--border); background:var(--card); border-radius:11px; padding:9px 15px; font-family:inherit; font-size:12.5px; font-weight:600; color:var(--text); cursor:pointer;}
  .dish-chip.sel{border-color:#DD847B; background:var(--brand-tint); color:var(--brand-dark); font-weight:800;}
  .team-danger{border-top:1.5px solid var(--border); margin-top:22px; padding-top:16px;}
  .team-danger-btn{background:var(--card); color:var(--danger); border:1.5px solid var(--border); border-radius:10px; padding:9px 16px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer;}
  .select-row{display:flex; gap:8px; margin-bottom:12px;}
  .fake-select{
    flex:1; background:var(--bg); border:1.5px solid var(--border); border-radius:10px;
    padding:10px 12px; font-size:13px; font-weight:600; display:flex; align-items:center; justify-content:space-between;
    cursor:pointer; user-select:none;
  }
  /* רמז-חזותי לאיזה fake-select הדרופדאון-הצף שייך כרגע (2026-08-23) - ראה
     updateInviteSelectFloat/updateTasksAssignFloat, שני המקומות מוסיפים/מסירים .open
     על ה-trigger עצמו כשהם צובעים את ה-float. */
  .fake-select.open{box-shadow:0 0 0 2px var(--brand);}
  /* פאנל אפשרויות שנפתח מתחת ל-fake-select בלחיצה - מציג את כל האפשרויות בבת אחת
     במקום מעבר-אחד-בכל-לחיצה, כדי שאפשר יהיה לבחור ישירות בלי לנחש מה הבא */
  .select-options{display:none; background:var(--card); border:1.5px solid var(--border); border-radius:10px; margin:-6px 0 12px; overflow:hidden;}
  .select-options.open{display:block;}
  /* גרסת-דרופדאון-צפה (2026-08-23) - לטבלת-המשימות המלאה בלבד (renderTasksFullTable):
     בניגוד ל-.select-options הרגיל (בזרימת-הדף, דוחף תוכן), זה נפתח מעל הטבלה עם
     position:fixed (מחושב ב-JS מול ה-trigger, ראה updateTasksAssignFloat) - לא מזיז שורות,
     ולא "מקפיץ" את הרשימה כשבוחרים עובד/ת (רוחב+גובה השורה בטבלה נשארים קבועים). */
  .assign-float{position:fixed; z-index:60; width:250px; max-width:calc(100vw - 20px); margin:0; box-shadow:0 8px 28px rgba(0,0,0,.18);}
  /* חלק-הגלילה של הדרופדאון (אפשרות "לא הוקצה" + אחמ"שים + קטגוריות-עובדים) - כפתור
     "✓ אישור" נשאר תמיד גלוי מתחתיו, לא נגלל איתו (ראה tasksAssignOptionsHtml). */
  .select-scroll{max-height:266px; overflow-y:auto;}
  .select-option{padding:10px 12px; font-size:13px; font-weight:600; cursor:pointer; border-bottom:1px solid var(--border);}
  .select-option:last-child{border-bottom:none;}
  .select-option.selected{background:var(--brand-tint); color:var(--brand-dark);}
  .select-option.select-confirm{background:var(--brand-dark); color:#fff; text-align:center; border-top:1.5px solid var(--border);}
  .select-option.select-confirm.disabled{background:var(--bg); color:var(--text-soft); cursor:default;}
  /* קטגוריית-עובדים מתקפלת בתוך דרופדאון-השיוך (דלפקיסטים/טבחים/שוטפים) - אפשר כמה פתוחות
     במקביל, ראה toggleAssignCategoryGroup. */
  .assign-group-header{display:flex; align-items:center; gap:8px; padding:10px 12px; font-size:13px; font-weight:700; cursor:pointer; border-bottom:1px solid var(--border); background:var(--bg);}
  .assign-group-count{font-size:10.5px; font-weight:700; color:var(--text-soft); background:var(--card); border:1px solid var(--border); padding:1px 7px; border-radius:99px; flex-shrink:0; margin-inline-start:auto;}
  .assign-group-chev{transition:transform var(--motion-fast) var(--ease-move); flex-shrink:0;}
  .assign-group-chev.open{transform:rotate(90deg);}
  .assign-group-body{display:none;}
  .assign-group-body.open{display:block; animation:shishi-rise-in var(--motion-base) var(--ease-enter);}
  .gen-btn{
    width:100%; background:var(--brand); color:#fff; border:none; border-radius:12px; padding:12px;
    font-family:inherit; font-size:13.5px; font-weight:700; cursor:pointer;
  }
  .gen-btn:disabled{opacity:.6; cursor:default;}
  .invite-note{font-size:10.5px; color:var(--text-soft); margin:10px 2px 0; line-height:1.5;}
  .form-error{font-size:12px; color:var(--brand-dark); font-weight:600; margin:-4px 0 12px; display:none;}
  .form-error.show{display:block; animation:shishi-rise-in var(--motion-base) var(--ease-enter);}

  /* --- שינוע סחורות (2026-08-30, כיוון B): טופס + בורר-סניפים כקלפים, כפתור מחוץ למסגרת --- */
  .gt-dir-switch{display:flex; gap:6px; background:var(--stripe); border:1.5px solid var(--border); border-radius:12px; padding:4px; margin-bottom:16px; max-width:420px;}
  .gt-dir-btn{flex:1; border:none; background:transparent; border-radius:9px; padding:9px 8px; font-family:inherit; font-size:12.5px; font-weight:700; color:var(--text-soft); cursor:pointer;}
  .gt-dir-btn.active{background:var(--brand); color:#fff;}
  .gt-layout{display:block;}
  .gt-side-col{margin-top:16px;}
  .gt-actions{margin-top:16px;}
  .gt-actions .form-error{margin:0 0 10px;}
  .gt-panel-h{font-size:12px; font-weight:800; color:var(--text-soft); margin:0 0 10px;}
  .gt-branch{
    display:flex; align-items:center; gap:10px; padding:12px 13px; border-radius:12px;
    border:1.5px solid var(--border); background:var(--bg); margin-bottom:8px;
    font-size:13px; font-weight:700; color:var(--text); cursor:pointer; user-select:none;
  }
  .gt-branch.sel{border-color:var(--brand); background:var(--brand-tint); color:var(--brand-dark);}
  .gt-branch.origin, .gt-branch.muted{background:var(--stripe); color:var(--text-soft); font-weight:600; cursor:default;}
  .gt-radio{width:16px; height:16px; border-radius:50%; border:1.5px solid #C9BEB2; flex-shrink:0;}
  .gt-branch.sel .gt-radio{border-color:var(--brand); background:radial-gradient(circle, var(--brand) 0 5px, transparent 6px);}
  .gt-b-sub{margin-inline-start:auto; font-size:10.5px; font-weight:700; color:var(--text-soft);}
  .gt-note{
    font-size:11px; color:var(--text-soft); line-height:1.55; margin-top:12px;
    padding:11px 12px; background:var(--card); border:1px solid var(--border); border-radius:11px;
  }

  .team-avatar{width:36px; height:36px; border-radius:50%; background:var(--brand-tint); color:var(--brand-dark); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:13px; flex-shrink:0;}
  .role-pill{font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:99px; white-space:nowrap; flex-shrink:0;}
  .role-pill.admin{background:var(--brand); color:#fff;}
  .role-pill.owner{background:var(--brand-tint); color:var(--brand-dark);}
  .role-pill.manager{background:var(--amber-tint); color:#8A5A16;}
  .role-pill.shift_lead{background:var(--bg); color:var(--text-soft); border:1px solid var(--border);}
  .role-pill.courier{background:var(--success-tint); color:#1F7A44;}
  .role-pill.editable{cursor:pointer;}
  .empty-note{text-align:center; color:var(--text-soft); font-size:12.5px; padding:20px 0;}
  .delivery-row{display:flex; align-items:center; justify-content:space-between; background:var(--card); border:1.5px solid var(--border); border-radius:14px; padding:12px 14px; margin-bottom:8px;}
  .delivery-row-name{font-size:13.5px; font-weight:700;}
  .delivery-row-count{font-size:13px; font-weight:700; color:var(--brand-dark); background:var(--brand-tint); padding:3px 10px; border-radius:99px; flex-shrink:0;}
  .delivery-row-total{font-weight:800;}

  /* קידוח-פנימה מדוח משלוחים - לחיצה על שורת שליח מציגה את המשלוחים שלו בפועל (עם תמונות) */
  .delivery-row-wrap{margin-bottom:8px;}
  .delivery-row-clickable{cursor:pointer; margin-bottom:0;}
  .courier-photos-body{display:none; padding:8px 4px 0;}
  .courier-photos-body.open{display:block; animation:shishi-rise-in var(--motion-base) var(--ease-enter);}
  .courier-day-group{margin-bottom:10px;}
  .courier-day-heading{font-size:12px; font-weight:700; color:var(--text-soft); margin:8px 0 6px;}
  .courier-delivery-card{
    display:flex; align-items:center; gap:12px; background:var(--card); border:1.5px solid var(--border);
    border-radius:14px; padding:10px; margin-bottom:8px;
  }
  .courier-photo-thumb{width:52px; height:52px; border-radius:10px; object-fit:cover; flex-shrink:0; background:var(--bg); cursor:pointer;}
  .delivery-address{font-size:13px; font-weight:700;}
  .delivery-type-tag{font-size:10px; font-weight:700; padding:2px 7px; border-radius:99px; display:inline-block; margin-top:3px;}
  .delivery-type-tag.regular{background:var(--bg); color:var(--text-soft); border:1px solid var(--border);}
  .delivery-type-tag.far{background:var(--amber-tint); color:#8A5A16;}
  .delivery-time{font-size:11.5px; color:var(--text-soft); margin-top:2px;}
  .photo-lightbox{display:none; position:fixed; inset:0; background:rgba(20,15,12,0.9); z-index:999; align-items:center; justify-content:center; padding:20px;}
  .photo-lightbox img{max-width:100%; max-height:100%; border-radius:12px;}
  .section-divider{font-size:12px; font-weight:700; color:var(--text-soft); border-top:1.5px solid var(--border); margin:22px 0 12px; padding-top:14px;}


  /* מסך טעינה (screen-loading) */
  .center-msg{padding:80px 26px; text-align:center;}
  .center-msg p{font-size:13px; color:var(--text-soft); line-height:1.6; margin:0 0 22px;}

  /* מוגדרות כאן במקום style="" ישירות ב-HTML - נדרש כדי להסיר unsafe-inline מ-style-src */

  /* אזור משימות - לוח שנה חודשי (מנהל/אדמין), תואם 1:1 למוקאפ המאושר. */
  .legend{display:flex; justify-content:center; gap:16px; margin:20px 0 0; flex-wrap:wrap;}
  .legend-item{display:flex; align-items:center; gap:5px; font-size:11px; color:var(--text-soft); font-weight:600;}
  .dot{width:7px; height:7px; border-radius:50%; flex-shrink:0;}
  .dot-biweekly{background:var(--brand);}
  .dot-weekly{background:var(--amber);}
  .dot-every_n_weeks{background:var(--success);}
  .dot-monthly{background:var(--text-soft);}
  .dot-adhoc{background:var(--text);}
  .cal-nav{display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
  .nav-btn{width:36px; height:36px; border-radius:11px; border:1.5px solid var(--border); background:var(--card); display:flex; align-items:center; justify-content:center; font-size:16px; cursor:pointer; color:var(--text);}
  .cal-month-label{font-size:15px; font-weight:700; font-variant-numeric:tabular-nums;}
  .cal-dow-row{display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-bottom:6px;}
  .cal-dow{text-align:center; font-size:11px; color:var(--text-soft); font-weight:700;}
  .cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-bottom:18px;}
  .cal-day{position:relative; aspect-ratio:1; border-radius:12px; border:1.5px solid var(--border); background:var(--card); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; cursor:pointer; font-size:12.5px; font-weight:700; color:var(--text);}
  .cal-day.other-month{opacity:.4;}
  .cal-day.other-month.has-unassigned{opacity:.75;}
  .cal-day.has-unassigned{border-color:var(--amber);}
  .cal-day.today{border-color:var(--brand); border-width:2px;}
  .cal-day.selected{background:var(--brand-tint); border-color:var(--brand);}
  .day-num{font-variant-numeric:tabular-nums;}
  .cal-dots{display:flex; gap:3px; min-height:7px;}
  .cal-count{font-size:8.5px; color:var(--text-soft); font-weight:700; font-variant-numeric:tabular-nums; position:absolute; bottom:3px; inset-inline-end:5px;}
  .day-panel{background:var(--card); border:1.5px solid var(--border); border-radius:18px; padding:16px;}
  .day-panel-title{font-size:14.5px; font-weight:700;}
  .day-panel-sub{font-size:11.5px; color:var(--text-soft); margin-top:2px; margin-bottom:14px;}
  .day-panel-empty{font-size:12.5px; color:var(--text-soft); text-align:center; padding:16px 0;}
  .cal-task-row{background:var(--bg); border:1.5px solid var(--border); border-radius:14px; padding:12px; margin-bottom:10px;}
  .cal-task-row-top{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px;}
  .cal-task-tag{font-size:9.5px; font-weight:700; letter-spacing:.02em; padding:3px 8px; border-radius:99px; color:#fff; flex-shrink:0;}
  .cal-task-tag.biweekly{background:var(--brand);}
  .cal-task-tag.weekly{background:var(--amber);}
  .cal-task-tag.every_n_weeks{background:var(--success);}
  .cal-task-tag.monthly{background:var(--text-soft);}
  .cal-task-tag.adhoc{background:var(--text);}
  .cal-task-title{font-size:13.5px; font-weight:700; flex:1;}
  .fake-select.unassigned{border-color:var(--amber); background:var(--amber-tint); color:var(--brand-dark);}
  .fake-select.assigned{border-color:#CDEBD8; background:var(--success-tint); color:#1F7A44;}
  .cal-task-done{display:flex; align-items:center; gap:8px; background:var(--success-tint); border:1.5px solid #CDEBD8; border-radius:10px; padding:9px 11px; font-size:12.5px; font-weight:600; color:#1F7A44;}
  .cal-task-done-photo{width:34px; height:34px; border-radius:8px; object-fit:cover; cursor:pointer; flex-shrink:0;}
  .cal-task-done .task-side-btn{margin-inline-start:auto;}
  /* כפתור-משני ("✓ סמן כבוצע" / "שבץ מחדש") - לא כפתור-פעולה-ראשי כמו .gen-btn, בכוונה קטן ומוצנע */
  .task-side-btn{
    background:var(--card); border:1.5px solid var(--border); border-radius:8px; padding:6px 10px;
    font-family:inherit; font-size:11.5px; font-weight:700; color:var(--text); cursor:pointer; flex-shrink:0;
  }
  .fake-select + .select-options + .task-side-btn{display:block; margin-top:8px; width:100%;}
  .add-adhoc-btn{width:100%; border:1.5px dashed var(--border); background:transparent; border-radius:14px; padding:12px; font-family:inherit; font-size:12.5px; font-weight:700; color:var(--text-soft); cursor:pointer;}
  .adhoc-form{background:var(--bg); border:1.5px solid var(--border); border-radius:14px; padding:12px; margin-top:10px;}
  .adhoc-form input[type=text]{width:100%; border:1.5px solid var(--border); border-radius:10px; padding:9px 11px; font-family:inherit; font-size:12.5px; color:var(--text); background:var(--card); margin-bottom:8px; box-sizing:border-box;}
  .adhoc-submit{width:100%; background:var(--brand); color:#fff; border:none; border-radius:10px; padding:10px; font-family:inherit; font-size:12.5px; font-weight:700; cursor:pointer; margin-top:2px;}

  /* ============================================================================
     אזור משימות - דשבורד דסקטופ (2026-08-22, ראה TODO.md) - מסך שני שחי לצד לוח-השנה
     הנייד הקיים (לא מחליף אותו): לוח-שנה+הוספת-משימה בשורה עליונה, טבלת-כל-המשימות מתחת.
     מוסתר לגמרי מתחת ל-880px (ראה @media בתחתית) - שם ה-UI הנייד הקיים ממשיך לעבוד בלי שינוי.
     ============================================================================ */
  .tasks-top-grid{display:block;}
  .tasks-add-card, .tasks-table-section{display:none;}

  .add-input{width:100%; border:1.5px solid var(--border); border-radius:10px; padding:10px 12px; font-family:inherit; font-size:13px; color:var(--text); background:var(--bg); margin-bottom:14px; box-sizing:border-box;}
  .freq-row{display:flex; gap:6px;}
  .freq-btn{flex:1; border:1.5px solid var(--border); background:var(--bg); color:var(--text-soft); font-family:inherit; font-size:12px; font-weight:700; padding:9px 6px; border-radius:10px 10px 0 0; cursor:pointer; position:relative; z-index:1;}
  .freq-btn.active{background:var(--brand); border-color:var(--brand); color:#fff;}
  .freq-detail{background:var(--bg); border:1.5px solid var(--border); border-top:none; border-radius:0 0 12px 12px; padding:12px 14px 14px; margin:-1.5px 0 16px;}
  .freq-detail-label{font-size:11px; color:var(--text-soft); font-weight:700; margin-bottom:8px;}
  .dow-row{display:flex; gap:5px;}
  .dow-btn{flex:1; aspect-ratio:1; border:1.5px solid var(--border); background:var(--card); color:var(--text); font-family:inherit; font-size:12px; font-weight:700; border-radius:9px; cursor:pointer;}
  .dow-btn.active{background:var(--brand); border-color:var(--brand); color:#fff;}
  .mday-row{display:flex; align-items:center; gap:8px;}
  .mday-value{flex:1; display:flex; align-items:center; justify-content:center; gap:10px; background:var(--card); border:1.5px solid var(--border); border-radius:9px; padding:8px 10px; font-weight:800; font-size:14px;}
  .mday-step{width:28px; height:28px; border-radius:8px; border:1.5px solid var(--border); background:var(--card); cursor:pointer; font-size:14px; color:var(--text-soft); flex-shrink:0;}
  .num-input-row{display:flex; align-items:center; gap:8px;}
  .num-input-row input{width:60px; flex-shrink:0; text-align:center;}
  .num-input-row span{font-size:11px; color:var(--text-soft); line-height:1.4;}
  .new-task-note{font-size:11px; color:var(--text-soft); line-height:1.6; margin:-6px 0 14px;}
  .add-submit-btn{width:100%; background:var(--brand); color:#fff; border:none; border-radius:12px; padding:12px; font-family:inherit; font-size:13.5px; font-weight:700; cursor:pointer;}

  /* הלשוניות בתוך .tcard עצמו (2026-08-22, אחרי שנראה-חי שניסיון-למרכז מול כל-רוחב-העמוד לא
     נראה טוב) - קו-מפריד מתחת מחבר אותן חזותית לטבלה שהן שולטות בה, וממורכזות מול הכרטיס
     עצמו (לא מול העמוד כולו) - פשוט ומדויק, בלי padding-שרירותי. */
  .tasks-table-section .toolbar{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; padding:14px 24px; border-bottom:1.5px solid var(--border); margin:0 -24px 14px;}
  .tasks-table-section .filter-pills{display:flex; gap:6px; background:var(--bg); border:1.5px solid var(--border); border-radius:12px; padding:4px;}
  .tasks-table-section .pill{border:none; background:transparent; font-family:inherit; font-size:12.5px; font-weight:700; color:var(--text-soft); padding:8px 16px; border-radius:9px; cursor:pointer;}
  .tasks-table-section .pill.active{background:var(--brand); color:#fff;}
  .tasks-table-section .tcard{background:var(--card); border:1.5px solid var(--border); border-radius:18px; padding:6px 24px; overflow:hidden;}
  /* גלילה-פנימית של הטבלה עצמה (לא של כל העמוד) - כלל-עיצוב קבוע לגרסת-דפדפן, ראה CLAUDE.md.
     הכותרת (thead) נדבקת למעלה (sticky) כדי שהעמודות יישארו קריאות תוך-כדי גלילה. גובה מחושב
     לכותרת+4 שורות בדיוק (2026-08-22, לפי בקשת המשתמש) - שורה חמישית ואילך רק בגלילה. */
  .tasks-table-section .tasks-table-scroll{max-height:280px; overflow-y:auto;}
  .tasks-table-section table{width:100%; border-collapse:collapse; font-size:13px;}
  .tasks-table-section th{text-align:right; font-size:11px; font-weight:700; color:var(--text-soft); letter-spacing:.02em; padding:16px 10px 12px; border-bottom:1.5px solid var(--border); position:sticky; top:0; background:var(--card); z-index:1;}
  .tasks-table-section th.center, .tasks-table-section td.center{text-align:center;}
  /* כותרות-עמודה לחיצות (2026-08-23, לפי בקשה מפורשת) - כל לחיצה מסובבת את סדר-הקבוצות של
     אותה עמודה ב-1 (ראה tasksSortColumnClick/tasksSortGroupKey ב-app.js). ⇅ מסמן שאפשר ללחוץ;
     העמודה-הפעילה-כרגע מודגשת בצבע-המותג כדי שיהיה ברור על-מה ממוין עכשיו. */
  /* כותרת ניתנת-למיון - **גנרי לכל טבלה באתר** (2026-09-06), לא רק אזור-משימות.
     ראה shared/table-sort.js ו-CLAUDE.md: כל טבלה חדשה מקבלת את זה. */
  th.sortable{cursor:pointer; user-select:none;}
  th.sortable::after{content:'⇅'; margin-inline-start:4px; font-size:9.5px; opacity:.55;}
  th.sortable.active-sort{color:var(--brand-dark);}
  th.sortable.active-sort::after{content:'▾'; opacity:1;}
  .tasks-table-section td{padding:14px 10px; border-bottom:1px solid var(--border); vertical-align:middle;}
  .tasks-table-section tr:last-child td{border-bottom:none;}
  .tasks-table-row-date{font-size:10.5px; color:var(--text-soft); font-weight:700; cursor:pointer; margin-bottom:2px; width:fit-content;}
  @media (hover: hover){ .tasks-table-row-date:hover{color:var(--brand);} }
  .tasks-table-row-title{font-weight:700;}
  .tasks-table-section .assignee-cell{display:flex; align-items:center; gap:8px; cursor:pointer;}
  .tasks-table-section .assignee-cell.open, .tasks-table-section .assign-btn.open{box-shadow:0 0 0 2px var(--brand); border-radius:6px;}
  .tasks-table-section .avatar{width:28px; height:28px; border-radius:50%; background:var(--brand-tint); color:var(--brand-dark); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:11.5px; flex-shrink:0;}
  .tasks-table-section .status-pill{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:5px 11px; border-radius:99px;}
  .tasks-table-section .status-pill.open{background:var(--bg); color:var(--text-soft); border:1px solid var(--border);}
  .tasks-table-section .status-pill.done{background:var(--success-tint); color:#1F7A44;}
  /* "בתהליך" (2026-08-23) - שיוך-בעיצומו בשרת (יכול לקחת שניות ארוכות, שליחת-וואטסאפ אמיתית
     לכל עובד/ת). פועם קלות כדי שיהיה ברור-מיד שזו פעולה-חיה, לא שורה-שקטה שאולי-לא-נקלטה. */
  /* ⚠️ הייתה `infinite` עד 2026-09-09 - תנועה שמתחילה אוטומטית, לא נגמרת ויושבת
     ליד תוכן אחר היא הפרת WCAG 2.2.2 **רמה A**, והיא גם לא "חיונית" כי המילה
     "ממתין" כבר מוסרת את המידע. שלוש פעימות מושכות את העין ברגע שהסטטוס משתנה,
     ואז הגלולה נשארת סטטית וקריאה. `both` מחזיק את מצב-הסיום. */
  .tasks-table-section .status-pill.pending{background:var(--amber-tint); color:var(--amber-dark); animation:tasks-pending-pulse 1.1s ease-in-out 3 both;}
  @media (prefers-reduced-motion: reduce){
    .tasks-table-section .status-pill.pending{animation:none;}
  }
  .tasks-table-section .pending-label{color:var(--amber-dark); font-size:12.5px; font-weight:700;}
  @keyframes tasks-pending-pulse{0%,100%{opacity:1;} 50%{opacity:.55;}}
  .tasks-table-section .row-action{background:var(--card); border:1.5px solid var(--border); border-radius:8px; padding:7px 13px; font-family:inherit; font-size:11.5px; font-weight:700; color:var(--text); cursor:pointer; white-space:nowrap;}
  /* "שבץ" (2026-08-23, לפי בקשה מפורשת) - כפתור-ברור במקום מלל-לא-לחיץ-בעליל ("לא הוקצה") -
     גוון-ענבר כדי שיישאר-בולט שזו-פעולה-נדרשת, לא רק כפתור-סתמי. */
  .tasks-table-section .assign-btn{background:var(--amber-tint); border-color:#F0D9A8; color:var(--amber-dark);}
  .tasks-table-section .row-photo{width:32px; height:32px; border-radius:8px; object-fit:cover; cursor:pointer; flex-shrink:0;}
  .tasks-table-empty{text-align:center; color:var(--text-soft); font-size:12.5px; padding:24px 0;}

  /* ============================================================================
     "דף הבית" של הסניף - דשבורד "דורש טיפול / הבחנות / משימות למנהל" (2026-08-28).
     בסיס-נייד כאן; גריד דו-טורי לכרטיסים ב-@media 880px+ למטה. אותם טוקנים כמו הסטטיסטיקות.
     ============================================================================ */
  .home-sec{margin-bottom:26px;}
  .home-sec-head{display:flex; align-items:center; gap:9px; margin-bottom:12px;}
  .home-sec-bar{width:4px; height:17px; border-radius:2px; background:var(--text-soft); flex-shrink:0;}
  .home-sec-bar.red{background:var(--brand);}
  .home-sec-bar.amber{background:var(--amber);}
  .home-sec-bar.blue{background:#8D7CC0;}
  .home-sec-bar.green{background:var(--success);}
  .home-sec-head h2{font-size:15.5px; font-weight:800; margin:0;}
  .home-count{font-size:11.5px; font-weight:700; color:var(--text-soft); background:var(--card); border:1.5px solid var(--border); border-radius:99px; padding:2px 9px;}
  .home-ok{font-size:12.5px; color:#256B45; background:var(--success-tint); border:1.5px solid #BFE3CD; border-radius:12px; padding:12px 15px;}
  .home-ok.muted{color:var(--text-soft); background:var(--card); border:1.5px dashed var(--border);}

  .home-ai-band{background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:15px 18px; margin-bottom:24px; display:flex; gap:13px;}
  .home-ai-mark{width:32px; height:32px; border-radius:10px; background:#EFE7FA; color:#5B3E9E; display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;}
  .home-ai-h{font-size:11px; font-weight:800; color:var(--text-soft); margin-bottom:3px;}
  .home-ai-band p{margin:0; font-size:13px; line-height:1.65;}

  .home-now-row{display:flex; align-items:center; gap:12px; background:var(--card); border:1.5px solid var(--border); border-radius:13px; padding:12px 15px; margin-bottom:8px; flex-wrap:wrap;}
  .home-dot{width:9px; height:9px; border-radius:50%; flex-shrink:0;}
  .home-dot.sev-danger{background:var(--brand);}
  .home-dot.sev-warn{background:var(--amber);}
  .home-dot.sev-info{background:var(--text-soft);}
  .home-now-t{flex:1; min-width:180px; font-size:12.5px; line-height:1.55;}
  .home-now-age{font-size:11px; color:var(--text-soft); font-weight:700; white-space:nowrap;}
  .home-go{border:1.5px solid var(--border); background:var(--bg); color:var(--text); border-radius:9px; padding:6px 12px; font-size:11.5px; font-weight:700; text-decoration:none; white-space:nowrap;}
  @media (hover: hover){ .home-go:hover{border-color:var(--brand); color:var(--brand-dark);} }

  .home-cards{display:flex; flex-direction:column; gap:14px;}
  .home-card{background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:16px; border-inline-start:4px solid var(--text-soft); display:flex; flex-direction:column; gap:9px;}
  .home-card.sev-danger{border-inline-start-color:var(--danger);}
  .home-card.sev-warn{border-inline-start-color:var(--amber);}
  .home-card.sev-info{border-inline-start-color:#8D7CC0;}
  .home-card-top{display:flex; align-items:flex-start; gap:8px;}
  .home-card-title{font-size:13.5px; font-weight:800; line-height:1.4; flex:1;}
  .home-flag{font-size:10px; font-weight:800; border-radius:99px; padding:3px 8px; white-space:nowrap; flex-shrink:0; background:var(--amber-tint); color:var(--amber-dark);}
  .home-card.sev-danger .home-flag{background:var(--danger-tint); color:var(--danger);}
  .home-obs{font-size:12.5px; line-height:1.6; margin:0;}
  .home-card-foot{display:flex;}
  .home-drill{font-size:11.5px; font-weight:700; color:var(--brand-dark); cursor:pointer;}
  @media (hover: hover){ .home-drill:hover{color:var(--brand);} }
  .home-good{display:block; font-size:12.5px; line-height:1.6; color:#1F5C3C; background:var(--success-tint); border:1.5px solid #BFE3CD; border-radius:14px; padding:13px 16px;}
  .home-flag.hr{background:var(--danger-tint); color:var(--danger);}
  .home-quote{background:var(--bg); border:1px solid var(--border); border-radius:10px; padding:9px 11px; font-size:12px; line-height:1.55; color:var(--text-soft);}
  .home-quote .src{display:block; margin-top:4px; font-size:10.5px; font-weight:700;}
  .home-act{font-size:12.5px; line-height:1.55; margin:0;}
  .home-act b{color:var(--brand-dark);}
  .kb-chip{align-self:flex-start; font-size:10.5px; font-weight:700; color:var(--amber-dark); background:var(--amber-tint); border-radius:8px; padding:3px 8px;}
  .home-btn-row{display:flex; align-items:center; gap:7px; margin-top:3px; flex-wrap:wrap;}
  .home-b{border-radius:9px; padding:7px 13px; font-family:inherit; font-size:11.5px; font-weight:700; cursor:pointer; border:1.5px solid var(--border);}
  .home-b.primary{background:var(--brand); color:#fff; border-color:var(--brand);}
  .home-b.ghost{background:var(--bg); color:var(--text);}
  .home-b.plain{background:transparent; color:var(--text-soft); border-color:transparent;}
  @media (hover: hover){ .home-b.plain:hover{color:var(--danger);} }
  .home-b-status{font-size:11px; font-weight:700; color:#256B45;}
  /* דרופדאון-שיבוץ inline על כרטיס משימת-מנהל - משתמש במחלקות ה-picker המשותפות (.select-option
     / .assign-group-* / .select-scroll / .select-confirm) בדיוק כמו "אזור משימות". */
  .home-assign-picker{margin-top:6px; border:1.5px solid var(--border); border-radius:12px; overflow:hidden; background:var(--card);}
  .home-assign-picker .select-scroll{max-height:230px;}
  .home-card-busy{opacity:.55; pointer-events:none;}
  /* פיקר-סיבת-דחייה inline - הסיבה נאספת ל-manager_feedback ומלמדת את ה-AI */
  .home-dismiss-picker{margin-top:6px; padding:10px; border:1.5px solid var(--border); border-radius:12px; background:var(--bg); display:flex; flex-direction:column; gap:8px;}
  .home-dismiss-q{font-size:11px; font-weight:700; color:var(--text-soft);}
  .home-dismiss-chips{display:flex; flex-wrap:wrap; gap:6px;}
  .home-dismiss-other{display:flex; gap:6px;}
  .home-dismiss-other-input{flex:1; min-width:0; border:1.5px solid var(--border); border-radius:9px; padding:6px 9px; font-family:inherit; font-size:12px; color:var(--text); background:var(--card);}
  /* הערת-מנהל חופשית מתחת לכל משימה - נשמרת עם השורה (manager_issues.note) */
  .home-note-wrap{display:flex; align-items:flex-start; gap:7px; margin-top:2px;}
  .home-note-input{
    flex:1; min-width:0; resize:vertical; min-height:34px; max-height:120px;
    border:1.5px solid var(--border); border-radius:9px; padding:8px 10px;
    font-family:inherit; font-size:12px; line-height:1.5; color:var(--text); background:var(--bg);
  }
  .home-note-input:focus{outline:none; border-color:var(--brand);}
  .home-note-save{flex-shrink:0; align-self:stretch;}

  /* ==== עמוד הבית הרשתי (2026-08-28) ==== */
  /* רצועת-מספרים דקה: תלונות לפי קטגוריה + סטיית-קופה + דגלי-סניף-חורג */
  /* תג-סניף על כרטיס משימה בתצוגת הרשת */
  .home-branch-chip{font-size:10px; font-weight:800; border-radius:99px; padding:3px 8px; background:var(--brand-tint); color:var(--brand-dark); white-space:nowrap; flex-shrink:0;}

  @media (min-width: 880px){
    /* "דף הבית" בדסקטופ - כרטיסי-ההבחנות זו-לצד-זו (2026-08-28). שורות "דורש טיפול" נשארות
       מלאות-רוחב (שורה, לא כרטיס). אותו רוחב-תוכן כמו הסטטיסטיקות (.app-wide, 1180px). */
    .app.app-wide .home-cards{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px;}
    .app.app-wide .home-sec{margin-bottom:32px;}

    /* עמודת-הלוח - הוגדלה קלות (2026-08-22, לפי מוקאפ מאושר) לאחר שהתברר-חי שהיא הייתה צרה-מדי. */
    /* גובה-כרטיס-הטבלה מסונכרן בפועל לגובה לוח-השנה (syncTasksTableHeight ב-app.js, נקרא
       אחרי renderTasksCalendar) - height מוגדר על #tasksTableSection, ומשם שרשרת flex:1+
       min-height:0 עד .tasks-table-scroll שגולל פנימית. כך הכרטיס תמיד בגובה הלוח, גם כשאין
       משימות תואמות (2026-08-31, בקשת המשתמש). לוח-השנה תמיד 6 שורות => גובה קבוע. */
    .app.app-wide .tasks-top-grid{display:grid; grid-template-columns:340px 1fr; gap:20px; align-items:start;}
    .app.app-wide .tasks-left-col{display:flex; flex-direction:column; gap:20px; min-height:0;}
    /* טופס "משימה חדשה" - שורה קבועה ברוחב-מלא מתחת ללוח-השנה+הטבלה (2026-08-31, בקשת
       המשתמש). ה-#tasksAddCard יצא מ-.tasks-left-col והוא עכשיו אח של .tasks-top-grid בתוך
       .body-pad - לכן ממלא בדיוק את אותו רוחב: מהצד הימני של הלוח עד הצד השמאלי של הטבלה. */
    .app.app-wide .tasks-add-card{display:block; background:var(--card); border:1.5px solid var(--border); border-radius:18px; padding:20px; margin-top:20px;}
    .app.app-wide .new-task-cols{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
    .app.app-wide .tasks-table-section{display:flex; flex-direction:column; min-height:0;}
    .app.app-wide .tasks-table-section .tcard{flex:1; display:flex; flex-direction:column; min-height:0;}
    .app.app-wide .tasks-table-section .tasks-table-scroll{flex:1; min-height:0; max-height:none;}
    .app.app-wide .tasks-table-empty:not([hidden]){flex:1; display:flex; align-items:center; justify-content:center;}
    .app.app-wide #tasksDayPanel{display:none !important;}
    .app.app-wide .add-adhoc-btn, .app.app-wide .adhoc-form{display:none !important;}

    /* "הזמנת עובד/ת" (2026-08-23, מוקאפ מאושר - כיוון A): שורת-טופס מכווצת למעלה (לא עמודה-
       צדדית - ההזמנה נדירה, הרשימה היא הפעולה-התכופה, ראה מחקר-UX ב-TODO.md) + הרשימה
       הופכת מאקורדיון-לפי-סניף לטבלה שטוחה (11 משתמשים בפועל - אקורדיון היה קליק-מיותר). */

    /* עמוד "עובדי הסניף" בדסקטופ - שורת-הוספה אופקית, טבלה בגובה קבוע וגלילה-פנימית (כלל
       מינימום-גלילה). ה-max-height נגזר מגובה ה-viewport פחות הסרגל-העליון ושורת-ההוספה. */
    .app.app-wide #screen-staff #staffAddBtn{width:auto; padding:0 22px; height:39px; white-space:nowrap;}
    .app.app-wide #screen-staff .team-toolbar{flex-direction:row; align-items:center; gap:12px; margin-bottom:14px;}
    .app.app-wide #screen-staff .team-search{width:250px; flex-shrink:0;}
    .app.app-wide #screen-staff .team-filters{overflow:visible;}
    .app.app-wide #screen-staff .team-add-btn{width:auto; margin-inline-start:auto; padding:11px 20px; white-space:nowrap;}
    .app.app-wide #screen-staff .staff-table-wrap{max-height:calc(100dvh - 265px);}
    .app.app-wide #screen-staff .team-grid{grid-template-columns:1fr 1fr;}
    /* פאנל-הצד בדסקטופ: עמודה נעוצה בקצה-הפנימי (שמאל ב-RTL), הטבלה נשארת במקומה */
    .team-drawer{inset-inline-start:auto; width:430px; border-inline-start:1.5px solid var(--border); box-shadow:-14px 0 40px rgba(43,36,32,0.10);}

    /* שינוע סחורות (2026-08-30, כיוון B): טופס + בורר-סניפים כשתי עמודות לצד הסרגל;
       "מה הועבר"+"כמות" זה-לצד-זה; כפתור השליחה מחוץ למסגרת ומתחתיה, ברוחב עמודת-הטופס.
       הרכיבים מוגדלים-מעט בדסקטופ כדי למלא יותר מהגובה (העמוד היה שליש ריק); הכפתור
       נשאר בגודלו - רק זז מטה בעקבות הטופס הגבוה יותר. */
    .app.app-wide #screen-goods-transfer .gt-layout{display:flex; gap:26px; align-items:flex-start; max-width:960px; margin-top:14px;}
    .app.app-wide #screen-goods-transfer .gt-form-col{flex:1; min-width:0;}
    .app.app-wide #screen-goods-transfer .gt-side-col{width:360px; flex-shrink:0; margin-top:0;}
    .app.app-wide #screen-goods-transfer .invite-form{padding:26px;}
    .app.app-wide #screen-goods-transfer .invite-form input[type=text],
    .app.app-wide #screen-goods-transfer .invite-form input[type=date],
    .app.app-wide #screen-goods-transfer .invite-form textarea{font-size:14px; padding:12px 14px; margin-bottom:18px;}
    .app.app-wide #screen-goods-transfer .invite-form textarea{min-height:104px;}
    .app.app-wide #screen-goods-transfer .field-label{font-size:12.5px; margin-bottom:8px;}
    .app.app-wide #screen-goods-transfer .gt-row2{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px;}
    .app.app-wide #screen-goods-transfer .gt-date{max-width:240px;}
    .app.app-wide #screen-goods-transfer .gt-panel-h{font-size:13px; margin-bottom:12px;}
    .app.app-wide #screen-goods-transfer .gt-branch{padding:16px; font-size:14px; margin-bottom:10px; border-radius:13px;}
    .app.app-wide #screen-goods-transfer .gt-radio{width:18px; height:18px;}
    .app.app-wide #screen-goods-transfer .gt-note{font-size:12px; line-height:1.6; padding:14px 15px; margin-top:16px;}
    .app.app-wide #screen-goods-transfer .gt-actions{max-width:574px; margin-top:22px;}

    /* סרגל-ניווט-קבוע (מוקאפ "אופציה A") - body.has-sidebar הופך ל-flex-row, ה-.app הקיים
       (עם כל ה-max-width/app-wide הפנימי שלו) הופך לעמודת-תוכן לצד הסרגל, בלי לגעת במבנה
       ה-DOM הפנימי של .app/ה-14 מסכים - סיכון-נמוך בכוונה. */
    body.has-sidebar{display:flex; align-items:flex-start;}
    /* display:flex **רק** כאן (עם has-sidebar) - לא על .owner-sidebar עצמו, אחרת הוא דורס את
       .owner-sidebar{display:none} ומופיע בכל מסך ב-880px+ (login/branch-picker כלולים),
       יושב בראש ה-body ודוחף את התוכן מתחתיו. הבאג המקורי של "סרגל בלי להתחבר". */
    body.has-sidebar .owner-sidebar{display:flex; flex-direction:column;}
    body.has-sidebar .app{flex:1; min-width:0;}
    /* סרגל דביק (2026-08-28) - נשאר במקומו כשהעמוד ארוך וגולל, רק אזור-התוכן זז. dvh
       (לא vh) - ב-iOS Safari ‎100vh כולל את סרגל-הכתובת הנעלם, אז התחתית (יציאה) נחתכה. */
    .owner-sidebar{
      width:clamp(200px, 19vw, 240px); flex-shrink:0; box-sizing:border-box;
      position:sticky; top:0; height:100vh; height:100dvh; overflow:hidden;
      background:var(--stripe-grad); border-inline-end:1.5px solid var(--border);
      padding:24px 16px;
    }
    /* רשימת-הפריטים גוללת פנימית; שורת "מחובר/ת כ / יציאה" נעוצה תמיד למטה, גם ב-iPad
       שבו התוכן ארוך מגובה-המסך. */
    body.has-sidebar .owner-sidebar .owner-sidebar-items{flex:1 1 auto; min-height:0; overflow-y:auto;}
    body.has-sidebar .owner-sidebar .owner-sidebar-user{flex-shrink:0; margin-top:12px;}
    /* מצב-רשת (בעלים על עמוד-הבית הרשתי) - רק "בית" + סניפים + אדמיניסטרציה. כלי-הסניף
       (ניהול/משימות/סטטיסטיקות/שינוע/הזמנה/עריכה) נחשפים רק אחרי כניסה לסניף. (2026-08-28) */
    body.owner-network-mode .owner-sidebar [data-branch-scoped]{display:none;}
    .owner-sidebar-items{display:flex; flex-direction:column; gap:5px;}
    .owner-sidebar-item{
      display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
      text-decoration:none; color:inherit; cursor:pointer; font-family:inherit;
      /* מסגרת עדינה - שכל לשונית תיראה כפריט נפרד, לא "צף באוויר" (בקשת המשתמש 2026-09-01) */
      border:1.5px solid #E4CDBE; background:none;
    }
    @media (hover: hover){ .owner-sidebar-item:hover{background:var(--bg);} }
    .owner-sidebar-item.active{background:#FAD9D3; border-color:#DD847B;}
    .owner-sidebar-item.active .owner-sidebar-label{color:var(--brand-dark); font-weight:800;}
    .owner-sidebar-icon{width:30px; height:30px; border-radius:9px; background:var(--bg); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;}
    .owner-sidebar-label{font-size:14px; font-weight:600;}
    .owner-sidebar-divider{height:1px; background:var(--border); margin:6px 4px;}
    .owner-sidebar-user{font-size:12px; color:var(--text-soft); font-weight:700; padding:12px 14px 0; border-top:1.5px solid var(--border);}
    .owner-sidebar-user b{color:var(--text); font-weight:800;}

    /* קבוצות-מתקפלות בסרגל, עד 3 רמות-עומק (בהשראת-מבנה "משרד אחורי" בטאביט, 2026-08-26/27) -
       "ניהול המסעדה"/"עריכת רשימות" (ושתי תת-הקבוצות שלהם, "צ'ק ליסטים ודוחות" ו"צ'ק ליסטים"/
       "תלונות ותקלות") כבר-לא-מנווטים-ישירות (לא ל-/manager/<slug>/, לא ל-screen-edit-menu/
       cl-menu/content-menu ה"ישנים") - קליק על כותרת-קבוצה רק-מקפל/פותח (>. ולא-סתם . -
       כדי-שקבוצה-מקוננת-סגורה לא "תיפתח" רק-כי-ההורה-שלה פתוח), קליק על עלה בסוף-השרשרת הוא-
       שמנווט-בפועל - בדיוק כמו-שהמשתמש ביקש ("רק אחרי בחירה בין הצקליסטים עוברים לעמוד"). */
    .group-header{justify-content:space-between;}
    .owner-sidebar-group.active-group > .group-header{background:#FAD9D3; border-color:#DD847B;}
    .owner-sidebar-group.active-group > .group-header .owner-sidebar-label{color:var(--brand-dark); font-weight:800;}
    .owner-sidebar-chev{color:var(--text-soft); flex-shrink:0; transition:transform var(--motion-fast) var(--ease-move);}
    .owner-sidebar-group.expanded > .group-header .owner-sidebar-chev{transform:rotate(180deg);}
    .owner-sidebar-subitems{display:none; flex-direction:column; gap:2px; margin:2px 0 4px;}
    .owner-sidebar-group.expanded > .owner-sidebar-subitems{display:flex;}
    /* "באר" בהירה תחת "הרשת" - הקבוצה תמיד-פתוחה, השקע מבדיל אותה (בהשראת התמונה שהמשתמש שלח) */
    #ownerSidebarNetworkGroup > .owner-sidebar-subitems{background:rgba(255,255,255,0.4); border-radius:12px; padding:4px 0; margin:3px 0 6px;}
    .owner-sidebar-subitem{
      display:flex; align-items:center; gap:10px; padding:9px 14px; margin-inline-start:28px;
      border-radius:10px; text-decoration:none; color:var(--text); cursor:pointer; font-size:13px; font-weight:600;
      border:none; background:none; width:calc(100% - 28px); font-family:inherit; text-align:start;
    }
    @media (hover: hover){ .owner-sidebar-subitem:hover{background:var(--bg);} }
    .owner-sidebar-subitem.active{background:var(--brand-tint); color:var(--brand-dark); font-weight:800;}
    .owner-sidebar-subitem.disabled{color:var(--text-soft); opacity:.6; cursor:default;}
    .owner-sidebar-subicon{font-size:13px; flex-shrink:0;}
    .owner-sidebar-subitems.level-3 .owner-sidebar-subitem{margin-inline-start:44px; width:calc(100% - 44px); font-size:12.5px; padding:8px 12px;}
  }

  /* ===== נייד (<880px): הסרגל כמגירה נשלפת מימין (2026-08-28) - בעלים/מנהל בנייד לא נתקעים
     בעמוד-הבית בלי דרך לנווט. כפתור המבורגר + רקע-כהה. עיצוב-הפריטים חוזר כאן כי הבלוק
     שלמעלה נעול ל-min-width:880px. ===== */
  .sidebar-toggle, .sidebar-backdrop{display:none;}
  @media (max-width: 879px){
    body.has-sidebar .sidebar-toggle{
      position:fixed; top:12px; left:12px; z-index:130;
      width:42px; height:42px; border-radius:12px; border:1.5px solid var(--border);
      background:#fff; color:var(--text); font-size:18px; cursor:pointer;
      display:flex; align-items:center; justify-content:center;
      box-shadow:0 2px 10px rgba(43,36,32,0.12);
    }
    body.has-sidebar .sidebar-backdrop{
      display:block; position:fixed; inset:0; background:rgba(20,15,12,0.4); z-index:119;
      opacity:0; pointer-events:none; transition:opacity var(--motion-panel) var(--ease-move);
    }
    body.has-sidebar.sidebar-open .sidebar-backdrop{opacity:1; pointer-events:auto;}

    body.has-sidebar .owner-sidebar{
      display:flex; flex-direction:column;
      position:fixed; top:0; right:0; bottom:0; width:min(84vw, 310px); z-index:120;
      background:var(--stripe-grad); border-inline-start:1.5px solid var(--border);
      padding:20px 14px 24px; overflow:hidden;
      transform:translateX(105%); transition:transform var(--motion-panel) var(--ease-move);
      box-shadow:-10px 0 28px rgba(0,0,0,0.16);
    }
    body.has-sidebar.sidebar-open .owner-sidebar{transform:translateX(0);}
    body.has-sidebar .owner-sidebar .owner-sidebar-items{flex:1 1 auto; min-height:0; overflow-y:auto;}
    body.has-sidebar .owner-sidebar .owner-sidebar-user{flex-shrink:0; margin-top:10px;}

    .owner-sidebar-items{display:flex; flex-direction:column; gap:5px;}
    .owner-sidebar-item{
      display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:12px;
      text-decoration:none; color:inherit; cursor:pointer; font-family:inherit;
      border:1.5px solid #E4CDBE; background:none; width:100%;
    }
    .owner-sidebar-item.active{background:#FAD9D3; border-color:#DD847B;}
    .owner-sidebar-item.active .owner-sidebar-label{color:var(--brand-dark); font-weight:800;}
    .owner-sidebar-icon{width:30px; height:30px; border-radius:9px; background:var(--bg); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0;}
    .owner-sidebar-label{font-size:14.5px; font-weight:600;}
    .owner-sidebar-divider{height:1px; background:var(--border); margin:6px 4px;}
    .owner-sidebar-user{font-size:12px; color:var(--text-soft); font-weight:700; padding:12px 14px 0; border-top:1.5px solid var(--border);}
    .owner-sidebar-user b{color:var(--text); font-weight:800;}
    .owner-sidebar .group-header{justify-content:space-between; width:100%;}
    .owner-sidebar-group.active-group > .group-header{background:#FAD9D3; border-color:#DD847B; border-radius:12px;}
    .owner-sidebar-chev{color:var(--text-soft); flex-shrink:0; transition:transform var(--motion-fast) var(--ease-move);}
    .owner-sidebar-group.expanded > .group-header .owner-sidebar-chev{transform:rotate(180deg);}
    .owner-sidebar-subitems{display:none; flex-direction:column; gap:2px; margin:2px 0 4px;}
    .owner-sidebar-group.expanded > .owner-sidebar-subitems{display:flex;}
    #ownerSidebarNetworkGroup > .owner-sidebar-subitems{background:rgba(255,255,255,0.4); border-radius:12px; padding:4px 0; margin:3px 0 6px;}
    .owner-sidebar-subitem{
      display:flex; align-items:center; gap:10px; padding:10px 14px; margin-inline-start:22px;
      border-radius:10px; text-decoration:none; color:var(--text); cursor:pointer; font-size:13.5px; font-weight:600;
      border:none; background:none; width:calc(100% - 22px); font-family:inherit; text-align:start;
    }
    .owner-sidebar-subitem.active{background:var(--brand-tint); color:var(--brand-dark); font-weight:800;}
    .owner-sidebar-subicon{font-size:13px; flex-shrink:0;}
    .owner-sidebar-subitems.level-3 .owner-sidebar-subitem{margin-inline-start:38px; width:calc(100% - 38px); font-size:12.5px;}
    body.owner-network-mode .owner-sidebar [data-branch-scoped]{display:none;}
  }

  /* ================================================================================
     "תמונת מצב" (2026-09-05) - העמוד שהחליף את "סטטיסטיקות".
     משתמש בטוקנים הקיימים (--card/--border/--brand/--amber/--danger) ובאותו .stats-card
     ו-.team-drawer של שאר האתר - אין כאן מערכת-עיצוב שנייה, רק הרכיבים הייחודיים לעמוד.
     ================================================================================ */
  .sit-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:24px;}
  .sit-tile{background:var(--card); border:1.5px solid var(--border); border-radius:16px; padding:18px 20px;}
  .sit-tile-num{font-size:28px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1;}
  .sit-tile-label{font-size:12px; font-weight:700; color:var(--text-soft); margin-top:5px;}
  .sit-tile-sub{font-size:11px; color:var(--text-soft); margin-top:7px; line-height:1.5;}

  /* "מה חוזר" - הציר הוא הנושא, לא התאריך */
  .sit-card .stats-card-body-scroll{padding-top:0;}
  .sit-issue-list{padding:0;}
  .sit-issue{padding:13px 4px; border-bottom:1px solid var(--border); cursor:pointer;}
  .sit-issue:last-child{border-bottom:none;}
  @media (hover: hover){ .sit-issue:hover{background:rgba(225,37,27,0.03);} }
  .sit-issue-top{display:flex; align-items:center; gap:9px;}
  .sit-dot{width:8px; height:8px; border-radius:50%; background:var(--text-soft); flex-shrink:0;}
  .sit-issue.sev-high .sit-dot{background:var(--amber);}
  .sit-issue.sev-crit .sit-dot{background:var(--brand);}
  .sit-issue-title{font-size:13.5px; font-weight:700; flex:1; min-width:0;}
  .sit-tag{font-size:10px; font-weight:800; border-radius:99px; padding:3px 9px; white-space:nowrap; flex-shrink:0;}
  .sit-tag.returned{background:var(--brand-tint); color:var(--brand-dark);}
  .sit-tag.open{background:var(--amber-tint); color:var(--amber-dark);}
  .sit-tag.closed{background:var(--stripe); color:var(--text-soft);}
  /* פס-ריבועים - ריבוע ליום לאורך חיי-הנושא, אדום ביום שדווח בפועל */
  .sit-strip{display:flex; gap:2px; margin:9px 0 7px; flex-wrap:wrap;}
  .sit-sq{width:9px; height:14px; border-radius:2px; background:var(--border);}
  .sit-sq.hit{background:var(--brand);}
  .sit-issue-meta{font-size:11px; color:var(--text-soft); line-height:1.5;}
  .sit-decision{font-size:11px; color:var(--text-soft); line-height:1.55; margin-top:6px; padding-right:10px; border-right:2px solid var(--border);}
  .sit-decision b{color:var(--text);}
  .sit-decision-by{opacity:0.75;}

  /* "איפה הכסף נעלם" */
  .sit-money-row{display:grid; grid-template-columns:1fr auto; gap:2px 10px; padding:11px 0; border-bottom:1px solid var(--border);}
  .sit-money-label{font-size:13px; font-weight:700;}
  .sit-money-amt{font-size:19px; font-weight:800; color:var(--danger); font-variant-numeric:tabular-nums; grid-row:span 2;}
  .sit-money-sub{font-size:11px; color:var(--text-soft);}
  .sit-money-note{font-size:11.5px; color:var(--text-soft); line-height:1.6; margin-top:12px; background:var(--amber-tint); border-radius:10px; padding:10px 12px;}
  .sit-credit-row{display:flex; gap:8px; align-items:baseline; padding:7px 0; border-bottom:1px solid var(--border); font-size:11.5px;}
  .sit-credit-row:last-child{border-bottom:none;}
  .sit-credit-date{color:var(--text-soft); flex-shrink:0; font-variant-numeric:tabular-nums;}
  .sit-credit-cat{font-weight:700; flex-shrink:0;}
  .sit-credit-detail{color:var(--text-soft); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

  /* "מי מוזכר, ועל מה" */
  .sit-who{display:flex; align-items:center; gap:10px; padding:9px 0 4px; font-size:12.5px;}
  .sit-av{width:26px; height:26px; border-radius:50%; background:var(--brand-tint); color:var(--brand-dark); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:11px; flex-shrink:0;}
  .sit-who-name{flex:1; min-width:0; font-weight:700;}
  .sit-cnt{font-size:11.5px; font-weight:800; border-radius:99px; padding:2px 8px; font-variant-numeric:tabular-nums;}
  .sit-cnt.pos{background:var(--success-tint); color:#256B45;}
  .sit-cnt.neg{background:var(--danger-tint); color:var(--danger);}
  .sit-who-quote{font-size:11px; color:var(--text-soft); line-height:1.55; padding:0 36px 9px 0; border-bottom:1px solid var(--border);}

  /* מפריד "מספרי התקופה" - מה שנשאר מתחת-לקיפול (קופה/משלוחים/מנות/הכרת-הצוות) */
  .sit-fold-label{font-size:12px; font-weight:800; color:var(--text-soft); letter-spacing:0.02em; margin:8px 0 14px; display:flex; align-items:center; gap:12px;}
  .sit-fold-label::after{content:''; flex:1; height:1.5px; background:var(--border);}

  /* מגירת-הנושא - ציר-זמן */
  .sit-drawer-meta{font-size:11.5px; color:var(--text-soft); line-height:1.6; margin-bottom:16px;}
  .sit-tl-row{display:flex; gap:11px; padding:10px 0; border-bottom:1px solid var(--border);}
  .sit-tl-date{font-size:11px; color:var(--text-soft); flex-shrink:0; width:44px; font-variant-numeric:tabular-nums; padding-top:2px;}
  .sit-tl-body{flex:1; min-width:0;}
  .sit-tl-quote{font-size:12.5px; line-height:1.6;}
  .sit-tl-who{font-size:10.5px; color:var(--text-soft); margin-top:3px;}
  /* מה שנכתב **אחרי** ההחלטה - זה מה שעונה על "האם הטיפול עבד" */
  .sit-tl-row.after{background:var(--brand-tint); border-radius:10px; padding:10px 12px; border-bottom:none; margin:4px 0;}
  .sit-tl-decision{background:var(--card); border:1.5px solid var(--brand); border-radius:12px; padding:12px 14px; margin:16px 0; font-size:12.5px; line-height:1.6;}
  .sit-tl-decision.none{border-color:var(--border); color:var(--text-soft);}
  .sit-tl-decision-head{font-size:10.5px; font-weight:800; color:var(--brand-dark); margin-bottom:5px;}
  .sit-drawer-action{font-size:12.5px; line-height:1.6; color:var(--text-soft);}

  @media (max-width:880px){
    .sit-tiles{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:560px){
    .sit-tiles{grid-template-columns:1fr; gap:12px;}
  }

  /* --- בורר-הזמן: 3 מצבים מהירים + אייקון-לוח-שנה שפותח פאנל טווח (2026-09-05) --- */
  .stats-cal-btn{display:flex; align-items:center; justify-content:center; padding:7px 11px;}
  /* פאנל צף (בקשת המשתמש 2026-09-06: "אני רוצה אותו צף ולא בעמוד עצמו") - absolute מעל
     התוכן, לא בלוק בזרימה שדוחף את כל העמוד למטה כשנפתח. */
  .stats-picker-anchor{position:relative;}
  .stats-date-panel{position:absolute; top:calc(100% + 8px); inset-inline-start:0; z-index:60;
    width:300px; background:var(--card); border:1.5px solid var(--border); border-radius:16px;
    padding:16px 18px; box-shadow:0 12px 32px rgba(43,36,32,0.16);}
  .stats-picker-chips{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px;}
  .stats-chip{background:#FFFFFF; border:1.5px solid var(--border); border-radius:99px; padding:5px 12px; font-size:11.5px; font-weight:700; color:var(--text-soft); cursor:pointer; font-family:inherit;}
  @media (hover: hover){ .stats-chip:hover{border-color:var(--brand); color:var(--brand-dark);} }
  .stats-cal-head{display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;}
  .stats-cal-title{font-size:12.5px; font-weight:800;}
  .stats-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:2px;}
  .stats-cal-wd{font-size:10px; font-weight:700; color:var(--text-soft); text-align:center; padding-bottom:4px;}
  .stats-cal-cell{position:relative; aspect-ratio:1; background:none; border:1.5px solid transparent; border-radius:8px; font-size:11.5px; font-family:inherit; color:var(--text); cursor:pointer; display:flex; align-items:center; justify-content:center;}
  .stats-cal-cell.empty{cursor:default;}
  @media (hover: hover){ .stats-cal-cell:not(.empty):hover{border-color:var(--brand);} }
  .stats-cal-cell.today{font-weight:800; color:var(--brand-dark);}
  .stats-cal-cell.in-range{background:var(--brand-tint);}
  .stats-cal-cell.anchor{background:var(--brand); color:#FFFFFF; font-weight:800;}
  .stats-cal-cell.future{opacity:0.35;}
  .stats-cal-dot{position:absolute; bottom:3px; left:50%; transform:translateX(-50%); width:4px; height:4px; border-radius:50%; background:var(--amber);}
  .stats-picker-hint{font-size:10.5px; color:var(--text-soft); margin-top:10px; line-height:1.5;}
  .stats-picker-legend{display:flex; align-items:center; gap:7px; font-size:10.5px; color:var(--text-soft); margin-top:6px;}
  .stats-picker-legend .stats-cal-dot{position:static; transform:none;}

  /* --- צבע לכל קטגוריית-עובדים (2026-09-02, בקשת המשתמש) ---
     שלוש קטגוריות-העבודה בלבד מקודדות בצבע; אחמ"ש/מנהל/שליח הם רמת-גישה ולא סוג-עובד/ת,
     ומקבלים גוון-ניטרלי כדי שהשלושה יבלטו. כל הגוונים הם טוקנים קיימים - לא פלטה שנייה. */
  .team-cat{display:inline-block; font-size:11.5px; font-weight:700; border-radius:99px; padding:3px 10px; white-space:nowrap;}
  .team-cat.cat-counter{background:var(--brand-tint); color:var(--brand-dark);}   /* דלפק - חזית, צבע המותג */
  .team-cat.cat-cook{background:var(--amber-tint); color:var(--amber-dark);}      /* טבח/ית - מטבח, ענבר חם */
  .team-cat.cat-dish{background:var(--success-tint); color:#256B45;}              /* שטיפת כלים - ניקיון, ירוק */
  .team-cat.cat-other{background:var(--stripe); color:var(--text-soft);}          /* אחמ"ש / מנהל/ת / שליח/ה */
  .team-cat.none{color:var(--text-soft);}

  /* אותם צבעים בבורר-השיוך (אזור משימות + שיבוץ מדף-הבית) - נסמכים על data-group שכבר
     קיים ב-HTML, בלי שום שינוי ב-JS. הקבוצות "אחמ"שים"/"מנהלים" נשארות ניטרליות. */
  .assign-group-header[data-group="counter"]{border-right:3px solid var(--brand);}
  .assign-group-header[data-group="cook"]{border-right:3px solid var(--amber);}
  .assign-group-header[data-group="dishwasher"]{border-right:3px solid var(--success);}