/* base.css — Auto-extracted from dashboard.html */

:root {
            --primary: #0072B2; /* WCAG AA: 5.19:1 על לבן (היה #0088cc=3.89, נכשל); מתאחד עם --chart-1 (Okabe blue). dark-mode חוזר ל-#0088cc למטה */
            --primary-light: #e8f4fa;
            --primary-dark: #0077b6;
            --success: #16a34a;
            --success-bg: #dcfce7;
            --danger: #dc2626;
            --danger-bg: #fee2e2;
            --warning: #f59e0b;
            --warning-bg: #fef3c7;
            --text-primary: #1e293b;
            --text-secondary: #64748b;
            --text-muted: #677488; /* WCAG AA fix: was #94a3b8 (2.45:1, fail) → 4.53:1 ✓ */
            --bg-primary: #f8fafc;
            --bg-card: white;
            --border: #e2e8f0;
            --gray-50: #f8fafc;
            --gray-100: #f1f5f9;
            --gray-200: #e2e8f0;
            --gray-300: #cbd5e1;
            --gray-400: #94a3b8;
            --gray-500: #64748b;
            --gray-600: #475569;
            --gray-700: #334155;
            --gray-800: #1e293b;
            --radius-xs: 6px;   /* איחוד 6px/5px/4px התועים (audit 22/07) */
            --radius-sm: 8px;
            --radius: 12px;
            --radius-lg: 16px;
            --radius-pill: 999px; /* צ'יפים/גלולות — שפה אחת (היו 10/11/12/14/20/999) */
            --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
            --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
            --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
            --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);

            /* ═══ Spacing scale (4px base) — מקור-אמת למרווחים ═══ */
            --space-1: 4px;
            --space-2: 8px;
            --space-3: 12px;
            --space-4: 16px;
            --space-5: 20px;
            --space-6: 24px;
            --space-8: 32px;
            --space-10: 40px;

            /* ═══ Typography scale ═══ */
            --fs-xs: 0.75rem;
            --fs-sm: 0.82rem;
            --fs-base: 0.9rem;
            --fs-md: 1rem;
            --fs-lg: 1.1rem;
            --fs-xl: 1.4rem;
            --fs-2xl: 1.8rem;
            --fs-3xl: 2.15rem;
            --fs-display: 2.45rem;
            --fw-normal: 400;
            --fw-medium: 500;
            --fw-semibold: 600;
            --fw-bold: 700;
            --lh-tight: 1.15;
            --lh-snug: 1.4;
            --lh-normal: 1.6;

            /* ═══ Brand secondary blue — מאחד את ה-#3b82f6 התועה ═══ */
            --primary-2: #2f6fed;
            /* ═══ Primary-darker — מאחד את #005a8c/#005fa3 התועים (header/profile gradients) ═══ */
            --primary-darker: #005a8c;
            /* ═══ Tab-active tint — מחליף indigo-תועה rgba(79,70,229) ═══ */
            --tab-active-bg: rgba(0,136,204,0.06);
            /* ═══ Status dots (sync/health) — סמנטי, מודע-תֵמה ═══ */
            --status-ok: #16a34a;
            --status-warn: #d97706;
            --status-err: #dc2626;
            --status-idle: #94a3b8;

            /* ═══ Semantic strong (מילוי/קצה לגרפים ובאדג'ים) ═══ */
            --success-strong: #16a34a;
            --success-text: #166534;
            --danger-strong: #dc2626;
            --danger-text: #991b1b;
            --warning-strong: #d97706;
            --warning-2: #ea580c; /* דרגת-ביניים (escalation: warning→warning-2→danger) */
            --warning-text: #92400e;
            --info-bg: #dbeafe;
            --info-text: #1e40af;
            --neutral-strong: #64748b;
            /* תוויות-מודל בונוס (rep/secretary/special) */
            --model-rep-bg: #dbeafe; --model-rep-text: #1e40af;
            --model-secretary-bg: #fef3c7; --model-secretary-text: #92400e;
            --model-special-bg: #ede9fe; --model-special-text: #5b21b6;

            /* ═══ Chart system tokens (מודעי-תֵמה) ═══ */
            --chart-grid: rgba(15,23,42,0.06);
            --chart-tick: #647488;
            --chart-tooltip-bg: rgba(15,23,42,0.92);
            --chart-tooltip-text: #f8fafc;
            /* פלטה קטגוריאלית אחת — Okabe-Ito (colorblind-safe) */
            --chart-1: #0072B2;
            --chart-2: #E69F00;
            --chart-3: #009E73;
            --chart-4: #D55E00;
            --chart-5: #CC79A7;
            --chart-6: #56B4E9;
            --chart-7: #762A83; /* תוקן מ-#C879D0: סגול-כהה מובחן-בלומיננס מ-chart-5(#CC79A7 rose); הקנוני #CC79A7 כבר תפוס ב-chart-5; yellow #F0E442 מושמט-בכוונה (ניגודיות-חלשה-על-לבן) */
            --chart-8: #999999;

            /* ═══ Sequential heat ramp (כחול) ═══ */
            --heat-0-bg: #f1f5f9; --heat-0-fg: #475569; /* כהה מ-#94a3b8 (2.34:1, נכשל) → 5.7:1 WCAG AA על heat-0-bg */
            --heat-1-bg: #dbeafe; --heat-1-fg: #1e40af;
            --heat-2-bg: #93c5fd; --heat-2-fg: #1e3a8a;
            --heat-3-bg: #2563eb; --heat-3-fg: #ffffff; /* כהה מ-#3b82f6: white-on-bg 4.6:1 (WCAG AA), הרמפה נשארת מסודרת */
            --heat-4-bg: #1d4ed8; --heat-4-fg: #ffffff;

            /* ═══ Row tints (מודעי-תֵמה — מחליפים גוונים-קשיחים שוברי-dark) ═══ */
            --row-info-bg: #eff6ff;
            --row-danger-bg: #fef2f2;
            --row-warn-bg: #fffbeb;
            --zebra-bg: #fafbfc;
            --mixed-bg: #ffedd5; /* תא-בונוס "מעורב" (זיכוי+בונוס) — כתום, מובחן מ-warning */

            /* ═══ z-index scale — הסולם היחיד; אין z-index קשיח מחוץ לטוקנים (audit 22/07:
               ה-FAB ‏1200 צף מעל מודאלים 1000, והלגנדה 10000 כיסתה טוסטים 9999) ═══ */
            --z-sticky: 50;      /* כותרות-טבלה דביקות */
            --z-nav: 900;        /* tab-bar */
            --z-header: 1000;    /* header עליון */
            --z-dropdown: 1100;  /* profile-card, col-menu, תוצאות-חיפוש */
            --z-fab: 1500;       /* צ'אט העוזר (FAB+panel) — מתחת לפופאובר/מודאל */
            --z-popover: 2000;   /* tt-pop, filter-panel, tooltips */
            --z-modal: 3000;     /* כל .modal-overlay כולל טיוטה ולגנדה */
            --z-toast: 4000;     /* טוסטים — תמיד עליונים */

            /* ═══ transitions & focus ═══ */
            --transition-fast: 0.15s ease;
            --transition: 0.2s ease;
            --focus-ring: 0 0 0 3px rgba(0,114,178,0.7); /* WCAG 1.4.11: solid≥0.6α (Okabe blue) — היה 0.35α (<3:1) */

            /* ═══ טוקנים שהקוד כבר הפנה אליהם אך לא הוגדרו (phantom tokens, audit 22/07) ═══ */
            --bg-subtle: var(--gray-100);
            --bg-input: var(--bg-card);
            --primary-soft: rgba(0,114,178,0.10);
            --warning-soft: rgba(217,119,6,0.12);

            /* ═══ גבולות-סמנטיים (היו פסטלים קשיחים ‎#86efac/#fca5a5/#fde68a שוברי-dark) ═══ */
            --success-border: #86efac;
            --danger-border: #fca5a5;
            --warning-border: #fde68a;

            /* ═══ משטחים משותפים ═══ */
            --table-head-bg: var(--gray-100);          /* כותרת-טבלה אחת לכל הטבלאות (היו 4 גוונים) */
            --overlay-bg: rgba(15,23,42,0.45);          /* רקע-מודאל אחיד (היו ‎.4/.45/.45 ללא-blur) */
            --selection-bg: rgba(0,114,178,0.18);       /* צבע-בחירת-טקסט תואם-מותג */
            --kpi-min: 170px;                           /* רוחב-מינימום אחיד לכרטיסי-KPI (היו 160/168/185/190) */
        }

        /* ═══ מצב-כהה (dark mode) — דריסת-טוקנים; הופך כל מה שמשתמש ב-var(--...) ═══ */
        :root[data-theme="dark"] {
            --primary: #0088cc; /* dark: גוון-בהיר-יותר קריא על משטחים-כהים (4.27:1) — שומר על מראה-ה-dark שאושר */
            --primary-light: rgba(0,136,204,0.20);
            --success-bg: rgba(34,197,94,0.16);
            --danger-bg: rgba(248,113,113,0.18);
            --warning-bg: rgba(251,191,36,0.16);
            --text-primary: #e6edf6;
            --text-secondary: #a9b6c7;
            --text-muted: #7c8aa0;
            --bg-primary: #0b1220;
            --bg-card: #161f2e;
            --border: #2a3850;
            --gray-50: #0f1828;
            --gray-100: #1c2740;
            --gray-200: #2a3850;
            --gray-300: #3b4a63;
            --gray-400: #5b6b84;
            --gray-500: #93a2b8;
            --gray-600: #b6c2d4;
            --gray-700: #d3dce8;
            --gray-800: #eef2f8;
            --shadow-sm: 0 1px 2px rgba(0,0,0,0.45);
            --shadow: 0 1px 3px rgba(0,0,0,0.55), 0 1px 2px rgba(0,0,0,0.4);
            --shadow-md: 0 6px 18px rgba(0,0,0,0.6);
            --shadow-lg: 0 12px 34px rgba(0,0,0,0.65);
            /* טוקנים-חדשים מודעי-תֵמה — דריסות-dark */
            --text-muted: #8593a8;
            --success-text: #86efac;
            --danger-text: #fca5a5;
            --warning-text: #fcd34d;
            --info-bg: rgba(59,130,246,0.18); --info-text: #93c5fd;
            --model-rep-bg: rgba(59,130,246,0.18); --model-rep-text: #93c5fd;
            --model-secretary-bg: rgba(251,191,36,0.16); --model-secretary-text: #fcd34d;
            --model-special-bg: rgba(139,92,246,0.22); --model-special-text: #c4b5fd;
            --chart-grid: rgba(255,255,255,0.08);
            --chart-tick: #93a2b8;
            --chart-tooltip-bg: rgba(8,12,20,0.95);
            --chart-tooltip-text: #e6edf6;
            --heat-0-bg: #1c2740; --heat-0-fg: #7c8aa0;
            --heat-1-bg: #1e3a5f; --heat-1-fg: #bcd4f5;
            --heat-2-bg: #2563eb; --heat-2-fg: #eaf2ff;
            --heat-3-bg: #3b82f6; --heat-3-fg: #ffffff;
            --heat-4-bg: #1d4ed8; --heat-4-fg: #ffffff;
            --row-info-bg: rgba(59,130,246,0.12);
            --row-danger-bg: rgba(248,113,113,0.12);
            --row-warn-bg: rgba(251,191,36,0.10);
            --zebra-bg: rgba(255,255,255,0.025);
            --mixed-bg: rgba(234,126,41,0.22);
            --focus-ring: 0 0 0 3px rgba(56,189,248,0.75); /* WCAG 1.4.11 — היה 0.45α */
            --tab-active-bg: rgba(56,189,248,0.12);
            /* צבעי-בסיס סמנטיים מוּארים ל-dark (audit 22/07: לבלוק-ה-dark היו רק דריסות -bg/-text) */
            --danger: #f87171;
            --success: #22c55e;
            --warning: #fbbf24;
            --primary-soft: rgba(0,136,204,0.16);
            --warning-soft: rgba(251,191,36,0.14);
            --success-border: rgba(34,197,94,0.35);
            --danger-border: rgba(248,113,113,0.35);
            --warning-border: rgba(251,191,36,0.32);
            --overlay-bg: rgba(0,0,0,0.6);
            --selection-bg: rgba(56,189,248,0.30);
            color-scheme: dark;
        }
        :root[data-theme="dark"] body { background: var(--bg-primary); color: var(--text-primary); }
        /* דריסות לרקעים-בהירים-קשיחים שלא עוברים דרך טוקן */
        :root[data-theme="dark"] tr:nth-child(even) td { background: rgba(255,255,255,0.025); }
        /* .mila-section עבר ל-bg-card מבוסס-טוקן (פס-הדגשה warning) → אין-צורך בדריסת-dark ייעודית */
        /* הדגשת-שורה (סיכון-כפול במרכז-השימור) — מודע-תֵמה */
        tr.retention-both td { background: var(--row-danger-bg); }

        * { box-sizing: border-box; margin: 0; padding: 0; }

        /* ── בחירת-טקסט תואמת-מותג (פרימיום: גם הפרט הקטן עקבי) ── */
        ::selection { background: var(--selection-bg); }

        /* ── Scrollbars דקים ומעודנים — במקום פסי-OS מסיביים בתוך משטחים מעוגלים ── */
        * { scrollbar-width: thin; scrollbar-color: var(--gray-300) transparent; }
        *::-webkit-scrollbar { width: 10px; height: 10px; }
        *::-webkit-scrollbar-track { background: transparent; }
        *::-webkit-scrollbar-thumb {
            background-color: var(--gray-300);
            border-radius: 5px;
            border: 2px solid transparent;
            background-clip: content-box;
        }
        *::-webkit-scrollbar-thumb:hover { background-color: var(--gray-400); }

        html, body {
            overflow-x: hidden;
            max-width: 100vw;
        }

        body {
            font-family: 'Assistant', 'Segoe UI', Tahoma, Arial, sans-serif;
            background: var(--bg-primary);
            color: var(--text-primary);
            line-height: 1.6;
            font-size: 0.9rem;
            padding: 0;
        }

        /* ── מספרים מיושרים (tabular figures) — יישור עמודות-מספרים ב-RTL (מחקר §3.3) ── */
        table, .kpi-card .value, .mila-kpi .value, .finance-kpi .value, .badge, .trend-badge {
            font-variant-numeric: tabular-nums;
        }

        /* ── Global Button Reset ── */
        button, .btn {
            font-family: inherit;
            border-radius: var(--radius-sm);
            transition: all var(--transition);
            cursor: pointer;
            font-size: 0.85rem;
        }
        button:active:not(:disabled) { transform: scale(0.97); }
        /* מצב-disabled גלובלי — היה מוגדר רק ב-4 קומפוננטות; עכשיו לכל כפתור */
        button:disabled, .btn:disabled {
            opacity: 0.55;
            cursor: not-allowed;
        }

        /* ── Global Date Picker ── */
        input[type="date"], input[type="time"] {
            appearance: none;
            -webkit-appearance: none;
            background: var(--bg-card);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-sm);
            padding: 8px 12px;
            font-size: 0.85rem;
            font-family: inherit;
            color: var(--gray-700);
            box-shadow: var(--shadow-sm);
            transition: all var(--transition);
            cursor: pointer;
            min-width: 140px;
            direction: ltr;
        }
        input[type="date"]:focus, input[type="time"]:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: var(--focus-ring);
        }
        input[type="date"]:hover, input[type="time"]:hover {
            border-color: var(--gray-400);
        }