/* ============================================
   Overrides CSS - Enterprise V9 - מאוחד
   תוכנית שידרוג עיצוב Enterprise מקיף
   ============================================
   
   קובץ מאוחד - תיקונים זמניים (עד להעברה לשכבות)
   נעילה: הוסף overrides.css (אחרון) כדי לייצב בלי לשבור
   
   תאריך יצירה: 2025-01-27
   גרסה: 2.0.0 (מאוחד)
   ============================================ */

@layer overrides {
  /* ============================================
     Overrides - תיקונים זמניים בלבד
     ============================================
     קובץ זה מיועד לתיקונים זמניים בלבד
     כל כלל שמועבר לשכבה מתאימה - נמחק מכאן
     ============================================ */

  /* ============================================
     תיקון גלובלי לבאג "טקסט אנכי" (אות–אות)
     נטען בשכבת overrides בסוף
     ============================================ */
  
  /* ✅ תיקון: תיקון מדויק יותר - רק על טקסטים, לא על כל הילדים */
  /* 1. ביטול word-break אגרסיבי באזורים של תוכן וטפסים - רק על טקסטים */
  .page-section-body p,
  .page-section-body span,
  .page-section-body .info-box-value,
  .page-section-body .text-content,
  .entity-details-body p,
  .entity-details-body span,
  .entity-details-body .info-box-value,
  .entity-details-body .text-content,
  .form-card-body p,
  .form-card-body span,
  .form-card-body .info-box-value,
  .form-card-body .text-content,
  .module-content p,
  .module-content span,
  .module-content .info-box-value,
  .module-content .text-content,
  .form-section p,
  .form-section span,
  .form-section .info-box-value,
  .form-section .text-content,
  .card-body-custom p,
  .card-body-custom span,
  .card-body-custom .info-box-value,
  .card-body-custom .text-content {
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
  }
  
  /* 1b. שדות טופס - רק על השדות עצמם, לא על כל הילדים */
  .form-section .form-select,
  .form-section select,
  .form-section .form-field,
  .form-section input[type="text"],
  .form-section input[type="email"],
  .form-section input[type="number"],
  .form-section textarea {
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
    max-width: 100%;
    min-width: 0;
  }

  /* 2. הגנה מפני קונטיינר צר מדי לטקסט - רק על הקונטיינרים עצמם */
  .page-section-body,
  .entity-details-body,
  .form-card-body,
  .module-content,
  .form-section,
  .card-body-custom {
    max-width: 100%;
    min-width: 0;
  }

  /* 3. מחלקה ידנית – אם יש מקום ספציפי שממשיך לעשות בעיות - רק על טקסטים */
  .fix-vertical-text,
  .fix-vertical-text p,
  .fix-vertical-text span,
  .fix-vertical-text .info-box-value,
  .fix-vertical-text .text-content {
    display: block;
    width: 100%;
    max-width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
    white-space: normal;
  }
  
  /* 4. תיקון ספציפי ל-grid-cols-12 במובייל בתוך form-section */
  @media (max-width: 768px) {
    .form-section .grid.grid-cols-12,
    .form-section [class*="grid-cols-12"] {
      grid-template-columns: 1fr !important;
    }
    
    .form-section .grid.grid-cols-12 > div,
    .form-section [class*="grid-cols-12"] > div,
    .form-section [class*="col-span"],
    .form-section [class*="md:col-span"] {
      grid-column: span 1 !important;
      min-width: 0 !important;
      white-space: normal !important;
      width: 100% !important;
      max-width: 100% !important;
    }
  }

  /* ============================================
     תיקון: מניעת סרגל גלילה ב-page-link של DataTables
     ============================================ */
  .page-link,
  a.page-link,
  [role="link"].page-link,
  .pagination .page-link,
  .dataTables_wrapper .pagination .page-link {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: none !important;
    width: auto !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }
  
  .pagination,
  .dataTables_wrapper .pagination,
  .dataTables_paginate {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-width: 100% !important;
  }

  /* ============================================
     ✅ תיקון: DataTables scrollbars - החזרת scroll או wrapping
     ============================================ */
  /* וידוא שהטבלה לא יוצרת overflow - עם scroll במקום הסתרה */
  .dataTables_scroll,
  .dataTables_scrollBody {
    overflow-x: auto;
    overflow-y: visible;
  }
  
  .dataTables_scrollHead,
  .dataTables_scrollFoot {
    overflow-x: auto;
    overflow-y: visible;
  }
  
  /* וידוא שהטבלה לא יוצרת overflow */
  .dataTables_scroll table,
  .dataTables_scrollBody table,
  .dataTables_scrollHead table {
    width: 100%;
    max-width: 100%;
  }
  
  /* ✅ תיקון: scrollbar יפה במקום הסתרה */
  .dataTables_scrollBody::-webkit-scrollbar {
    height: 8px;
    width: 8px;
  }
  
  .dataTables_scrollBody::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.5);
    border-radius: 4px;
  }
  
  .dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: rgba(59, 130, 246, 0.6);
    border-radius: 4px;
  }
  
  .dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
    background: rgba(59, 130, 246, 0.8);
  }
  
  .dataTables_scrollBody {
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 130, 246, 0.6) rgba(15, 23, 42, 0.5);
  }

  /* ============================================
     Employees View - עיצוב כהה פרימיום לטאבים
     TODO: להעביר ל-modules/employees.css לאחר תיקון specificity
     ============================================ */
  
  /* בלוקי מידע בטאב פרטים אישיים */
  .info-section-card {
      background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
      border: 1px solid rgba(55, 65, 81, 0.9) !important;
      border-radius: 12px !important;
      padding: 16px !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      position: relative;
  }

  .info-section-header {
      margin-bottom: 12px !important;
      padding-bottom: 8px !important;
      border-bottom: 1px solid rgba(55, 65, 81, 0.9) !important;
  }

  .info-section-title {
      font-size: 1rem !important;
      font-weight: 600 !important;
      color: #e5e7eb !important;
      margin-bottom: 4px !important;
  }

  .info-section-subtitle {
      font-size: 0.75rem !important;
      color: #9ca3af !important;
  }

  /* תיקון overflow לאימיילים ושדות ארוכים */
  .info-section-card .info-box-value {
      word-break: break-all !important;
      overflow-wrap: break-word !important;
      word-wrap: break-word !important;
      max-width: 100% !important;
  }

  /* עיצוב כהה פרימיום לכל הטאבים */
  .tab-content .card {
      background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
      border: 1px solid rgba(55, 65, 81, 0.9) !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      position: relative;
  }

  .tab-content .card-body {
      color: #e5e7eb !important;
      width: 100%;
      box-sizing: border-box;
      padding: 1rem !important;
  }

  .tab-content .section-title {
      color: #e5e7eb !important;
  }

  .tab-content .info-box {
      background: rgba(15, 23, 42, 0.5) !important;
      border: 1px solid rgba(55, 65, 81, 0.6) !important;
      border-radius: 8px !important;
      padding: 10px !important;
  }

  .tab-content .info-box-label {
      color: #9ca3af !important;
  }

  .tab-content .info-box-value {
      color: #e5e7eb !important;
      word-break: break-all !important;
      overflow-wrap: break-word !important;
      word-wrap: break-word !important;
  }

  /* התראות בטאב רישיונות - עיצוב מקורי פרימיום */
  #tab-licenses .alert-danger {
      background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(239, 68, 68, 0.1)) !important;
      color: #ef4444 !important;
      border-color: #ef4444 !important;
  }

  #tab-licenses .alert-info {
      background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.1)) !important;
      color: #3b82f6 !important;
      border-color: #3b82f6 !important;
  }

  #tab-licenses .alert-warning {
      background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(245, 158, 11, 0.1)) !important;
      color: #f59e0b !important;
      border-color: #f59e0b !important;
  }

  #tab-licenses .list-group-item {
      background-color: #fff !important;
      border-color: rgba(0, 0, 0, 0.125) !important;
      color: #212529 !important;
  }

  #tab-licenses .list-group-item-danger {
      background-color: rgba(239, 68, 68, 0.1) !important;
      color: #721c24 !important;
      border-color: rgba(239, 68, 68, 0.3) !important;
  }

  #tab-licenses .list-group-item-warning {
      background-color: rgba(245, 158, 11, 0.1) !important;
      color: #856404 !important;
      border-color: rgba(245, 158, 11, 0.3) !important;
  }

  #tab-licenses .list-group-item h6,
  #tab-licenses .list-group-item p,
  #tab-licenses .list-group-item small {
      color: inherit !important;
  }

  #tab-licenses .list-group-item .text-danger {
      color: #dc3545 !important;
  }

  #tab-licenses .list-group-item .text-warning {
      color: #856404 !important;
  }

  /* התראות בטאבים אחרים - עיצוב כהה */
  .tab-content .alert-danger:not(#tab-licenses .alert-danger),
  .tab-content .alert-info:not(#tab-licenses .alert-info),
  .tab-content .alert-warning:not(#tab-licenses .alert-warning) {
      background: rgba(15, 23, 42, 0.8) !important;
      border: 1px solid rgba(55, 65, 81, 0.9) !important;
      color: #e5e7eb !important;
  }

  .tab-content .list-group-item:not(#tab-licenses .list-group-item) {
      background: rgba(15, 23, 42, 0.6) !important;
      border: 1px solid rgba(55, 65, 81, 0.8) !important;
      color: #e5e7eb !important;
  }

  .tab-content .card.shadow-sm {
      background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
      border: 1px solid rgba(55, 65, 81, 0.9) !important;
  }

  .tab-content .card.shadow-sm .card-body {
      color: #e5e7eb !important;
  }

  .tab-content a {
      color: #60a5fa !important;
  }

  .tab-content a:hover {
      color: #93c5fd !important;
  }

  .tab-content small {
      color: #9ca3af !important;
  }
  
  /* ============================================
     מניעת גלישה לכל הרכיבים באתר - פתרון מיידי
     ============================================
     הגנה אוטומטית שלא מאפשרת לאף רכיב לגלוש
     זה מגן על 99% מהסיטואציות, בלי לשבור עיצוב
     ============================================ */
  
  /* הערה: כללי html, body אוחדו לגרסה אחת עקבית בסוף הקובץ */
  
  /* box-sizing: border-box לכל האלמנטים */
  * {
    box-sizing: border-box;
  }
  
  /* הסרת הכלל הגלובלי body * - הוא אגרסיבי מדי ופוגע בהרבה רכיבים */
  /* במקום זה, נשתמש בכללים ספציפיים יותר */

  
  /* ============================================
     חריגות: אלמנטים שצריכים overflow-x: visible
     ============================================
     כפתורים, btn-group, card-header עם d-flex,
     תאי טבלה עם כפתורים - כל אלה צריכים overflow-x: visible
     כדי למנוע סרגל גלילה מיותר
     ============================================ */
  
  /* כפתורים - הועבר ל-components/buttons.css */
  
  /* card-header עם d-flex - הועבר ל-components/cards.css */
  
  /* תאי טבלה - הועבר ל-components/tables.css */
  
  /* אלמנטים שמכילים כפתורים - הועבר ל-layouts.css */
  
  /* תיקון ספציפי ל-containers עם flex וגap - הועבר ל-layouts.css */
  /* תיקון נוסף: containers נפוצים - הועבר ל-layouts.css */
  /* תיקון ל-row ו-col - הועבר ל-layouts.css */
  /* תיקון: מניעת overflow-y מיותר על containers - הועבר ל-layouts.css */
  /* ✅ תיקון: הסרת סלקטורים ללא בלוק - containers הועברו ל-base.css */
  
  /* הערה: כללי html, body אוחדו לגרסה אחת עקבית בסוף הקובץ */
  
  /* תיקון: וידוא ש-containers לא יוצרים overflow מיותר - הועבר ל-base.css */
  /* תיקון: מניעת overflow על אלמנטים inline - הועבר ל-base.css */
  /* חריגות לאייקונים - הועבר ל-base.css */
  /* תיקון: containers קטנים שמכילים אייקונים - הועבר ל-base.css */
  /* תיקון: מניעת overflow על אלמנטים עם position - הועבר ל-base.css */
  
  /* חריגה לסיידבר - הועבר ל-modules/comments.css */
  /* חריגה: grid columns - הועבר ל-layouts.css */
  /* חריגה: cards בתוך grid columns - הועבר ל-layouts.css */
  /* חריגה לסרגל הניווט - הועבר ל-layouts.css */
  /* חריגה לטאבים - הועבר ל-layouts.css */
  /* טאבים וכפתורים - הועבר ל-components/buttons.css */
  
  /* ===== הערות: כללים שהועברו ===== */
  /* 
   * הועבר ל-base.css:
   * - overflow-x ו-overflow-y ל-html, body, main, [role="main"], #main
   * - img, video (ניטרול נזילות)
   * - .omar-footer (Footer)
   * - RTL Fixes (html[dir="rtl"] .me-auto, .ms-auto)
   * 
   * הועבר ל-layouts.css:
   * - overflow-x ו-overflow-y ל-.content-wrapper
   * - תיקוני dashboard-page, dashboard-main
   * - הסתרת sidebars בדסקטופ
   * - .container, .wrap, [class*="container"]
   * - .sidebar
   * - .toolbar
   * 
   * הועבר ל-premium-navigation.css:
   * - תיקוני mega-menu וצבעי קישורים
   * 
   * הועבר ל-utilities.css:
   * - דפוס "השבתה זמנית" ל-inline styles ([style*="width"], [style*="height"])
   * 
   * הועבר ל-shared-components.css:
   * - .form-control
   * - .card, .card-header
   * - .table
   */
  
  /* ============================================
     עיצוב טבלאות חדש - הועבר ל-components/tables.css
     ============================================ */

  /* ============================================
     עיצוב Alerts - הועבר ל-alerts.css
     Pagination - הועבר ל-components-enhanced.css
     Quick Statistics - הועבר ל-kpi-v2.css
     ============================================ */
  
  /* ===== תיקון כפתורים ב-employee-actions-body - הועבר ל-components/buttons.css ===== */
  
  /* ===== תיקון צבע טקסט של badge-success ===== */
  .badge-success {
    color: #000000;
  }

  /* ============================================
     עיצוב טאבים - הועבר ל-components/navigation.css
     ============================================ */

  /* ============================================
     תיקון: נטייה שמאלה של הדף - דריסת כללים שגורמים לבעיה
     ============================================ */
  
  /* הערה: כללי html, body (transform, overflow, cursor) אוחדו לגרסה אחת עקבית בסוף הקובץ */
  
  /* ============================================
     תיקוני Layout - הועברו ל-layouts.css
     ============================================ */
  
  /* ============================================
     תיקון: KPIs בדף projects - הועבר ל-modules/projects.css
     ============================================ */
  
  /* ============================================
     הסרת scrollbar מתחתון מטבלאות - הועבר ל-components/tables.css
     ============================================ */
  
  /* ============================================
     Print Styles - עיצובי הדפסה
     ============================================ */
  @media print {
    body {
      margin: 0;
      padding: 20px;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.6;
      color: var(--text-primary);
      background: white;
    }
  }

  /* ============================================
     כללי html, body מאוחדים - גרסה אחת עקבית
     ============================================
     כל הכללים הקודמים של html, body אוחדו לכאן
     כדי למנוע סתירות וכפילויות
     ============================================ */
  
  /* ============================================
     כללי html, body - הועברו ל-base.css
     ============================================ */

  /* ============================================
     כללי .table-responsive ו-.responsive-table-container מאוחדים
     ============================================
     הועבר ל-components/tables.css
     ============================================ */
  
  /* כל הכללים הועברו ל-components/tables.css ו-components/forms.css */

  /* ============================================
     🌌 עיצוב כהה מותאם אישית - צבעים מותאמים
     ============================================ */

  /* 🌌 רקע כללי לדף פרטי עובד */
  body.app.dark {
    background-color: #050814;
    color: #e5e7eb;
  }

  .content-wrapper,
  .employees-view-wrapper,
  .contractors-view-wrapper {
    background:
      radial-gradient(circle at top, #0b1220 0, #050814 45%, #020309 100%);
    min-height: 100vh;
    width: 100% !important;
    max-width: 100% !important;
    /* ⚠️ הוסר overflow-x: hidden !important - פתרון קסם גלובלי אסור לפי חוקי זהב #9 */
    /* טיפול בגלישות נעשה ברמת הרכיב/מודול הספציפי */
    box-sizing: border-box !important;
    direction: rtl !important;
  }


  /* 🧭 ניווט עליון – כבר קיים, רק יישור קטן לעולם הצבעים */
  .premium-navbar {
    background: linear-gradient(120deg, #020617 0%, #020617 40%, #111827 100%);
    border-bottom: 1px solid #1f2937;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(16px);
  }

  /* 🧵 מסלול עמוד (header-path) – אותו סגנון כמו ההדר */
  .header-path {
    margin-bottom: 0.75rem !important;
  }

  .header-path-wrapper {
    border-radius: 999px !important;
    padding: 0.6rem 1.25rem !important;
    background:
      radial-gradient(circle at right top, rgba(56, 189, 248, 0.18), transparent 55%),
      radial-gradient(circle at left bottom, rgba(129, 140, 248, 0.18), transparent 55%),
      linear-gradient(90deg, #020617, #020617) !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9) !important;
  }

  .header-path-item,
  .header-path-link,
  .header-path-current {
    color: #e5e7eb !important;
  }

  .header-path-separator i {
    color: #64748b !important;
  }

  /* 📛 כותרת עליונה של העובד – באותו עולם כמו ה-header-path */
  .page-header {
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 55%),
      radial-gradient(circle at bottom right, rgba(129, 140, 248, 0.16), transparent 55%),
      linear-gradient(145deg, #020617, #020617) !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.95) !important;
    border-right: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .page-header-inner {
    background: transparent !important;
    border-radius: inherit !important;
    border: none !important;
  }

  .page-header-title {
    color: #f9fafb;
  }

  .page-header-subtitle,
  .form-header-explanation {
    color: #9ca3af;
  }

  /* 🧊 כרטיס סיכום עובד + סקשני פרטים – שכבת "card" אחידה */
  .employee-summary-card,
  .details-section,
  .premium-tabs,
  .premium-tab-content,
  .comments-wrapper,
  .comments-sidebar,
  .action-buttons {
    background-color: #0b1220;
    border-radius: 1.1rem;
    border: 1px solid #1f2937;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
  }

  .summary-icon,
  .kpi-card,
  .detail-item,
  .list-group-item,
  .default-avatar-square {
    background-color: #111827 !important;
    border-color: #1f2937 !important;
  }

  .details-section-subtitle {
    color: var(--text-muted) !important;
  }
  
  .summary-meta-line span,
  .text-secondary,
  .small,
  small {
    color: #9ca3af;
  }

  /* 📑 טאבים – שיישבו על אותו רקע וכיוון */
  .premium-tabs {
    padding: 0.4rem;
    margin-top: 1rem;
  }

  .premium-tab {
    border-radius: 999px;
    border: 1px solid transparent;
    color: #9ca3af;
  }

  .premium-tab.active {
    background: linear-gradient(135deg, #2563eb, #4f46e5);
    color: #f9fafb;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.6);
    border-color: transparent;
  }

  /* 📂 תיקיות מסמכים – שיקבלו אותה שפה */
  .documents-folders-list .folder-header {
    background-color: #0b1220 !important;
    border-radius: 0.9rem;
    border: 1px solid #1f2937;
  }

  .documents-folders-list .folder-content {
    background-color: #050814;
    border-radius: 0.9rem;
    border: 1px solid #1f2937;
  }

  /* יישור Tailwind grays לעולם הצבעים החדש */
  .dark .tw-bg-gray-800 {
    background-color: #0b1220 !important;
  }

  .dark .tw-bg-gray-700,
  .dark .tw-bg-gray-600 {
    background-color: #111827 !important;
  }

  /* ============================================
     📊 עיצוב טבלאות – גלובלי לכל האתר
     ============================================ */
  
  /* 🟦 מסגרת ורקע לאיזור הטבלה */
  .table-wrapper {
    background-color: #020617 !important;
    border-radius: 1rem !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75) !important;
    padding: 0.5rem 0.75rem !important;
  }

  /* ניקוי עיצוב ברירת מחדל של הטבלה עצמה */
  .table-wrapper table.table,
  table.table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    border: none !important;
  }

  /* כותרות טבלאות – רקע כהה עם gradient */
  table thead,
  table thead tr,
  table thead th,
  .table thead,
  .table thead tr,
  .table thead th {
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
    border-bottom: 1px solid #1f2937 !important;
  }

  table thead th,
  .table thead th {
    color: #e5e7eb !important;
    border: none !important;
    border-bottom: 1px solid #1f2937 !important;
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
  }

  /* 🎯 שורות גוף הטבלה – רק tbody, בלי הכותרת */
  table tbody tr,
  .table tbody tr {
    background-color: #020617 !important;
    border-bottom: 1px solid #111827 !important;
    transition: background-color 0.18s ease, transform 0.12s ease !important;
  }

  /* זברה עדינה */
  table tbody tr:nth-child(even),
  .table tbody tr:nth-child(even) {
    background-color: #050814 !important;
  }

  /* hover – הדגשת שורה */
  table tbody tr:hover,
  .table tbody tr:hover,
  .table-hover tbody tr:hover {
    background-color: #0b1220 !important;
    transform: translateY(-1px) !important;
  }

  /* תאי הטבלה עצמם */
  table tbody td,
  .table tbody td {
    color: #e5e7eb !important;
    padding: 0.55rem 0.75rem !important;
    border: none !important;
    vertical-align: middle !important;
  }

  /* קישורים בתוך הטבלה */
  table tbody td a,
  .table tbody td a {
    color: #bfdbfe !important;
  }

  table tbody td a:hover,
  .table tbody td a:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
  }

  /* 🎯 צבעי שורות בטבלאות – בלי הכותרת, רק tbody */
  /* אם אתה רוצה שזה יחול רק בחוזים */
  .contracts-hub table.table tbody tr {
    background-color: #020617;          /* בסיס כהה, נקי */
    border-bottom: 1px solid #111827;
  }

  .contracts-hub table.table tbody tr:nth-child(even) {
    background-color: #050814;          /* זברה עדין – כהה טיפה שונה */
  }

  .contracts-hub table.table tbody tr:hover {
    background-color: #0b1220;          /* הדגשת שורה בריחוף */
  }

  .contracts-hub table.table tbody tr td {
    color: #e5e7eb;                     /* טקסט שורות */
  }

  .contracts-hub table.table tbody tr td a {
    color: #bfdbfe;                     /* לינקים בתוך הטבלה */
  }

  .contracts-hub table.table tbody tr td a:hover {
    color: #60a5fa;
    text-decoration: underline;
  }

  /* ============================================
     🎯 כותרת עליונה – גלובלי לכל האתר
     דריסה מלאה של premium-navigation.css
     ============================================ */
  .page-header {
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 55%),
      radial-gradient(circle at bottom right, rgba(129, 140, 248, 0.16), transparent 55%),
      linear-gradient(145deg, #020617, #020617) !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.9) !important;
    padding: 1.5rem 1.75rem !important;
    margin-top: 0 !important;
    margin-bottom: var(--spacing-8, 2rem) !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    padding-inline: 1.75rem !important;
    color: var(--text-inverse, #e5e7eb) !important;
    border-right: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .page-header-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5rem !important;
    background: transparent !important;
    border-radius: inherit !important;
    border: none !important;
    padding: 0 !important;
  }

  /* 🏷 הכותרת עצמה */
  .page-header-title {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #f9fafb !important;
    margin: 0 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  }

  /* אייקון עגול לפני הטקסט */
  .page-header-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at top, rgba(37, 99, 235, 0.45), rgba(15, 23, 42, 0.95)) !important;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.7) !important;
    color: #e5e7eb !important;
    font-size: 1.1rem !important;
  }

  .page-header-icon i {
    font-size: 1.1rem !important;
  }

  /* תיאור מתחת לכותרת */
  .page-header-subtitle {
    margin-top: 0.4rem !important;
    font-size: 0.95rem !important;
    color: #9ca3af !important;
    opacity: 0.9 !important;
    line-height: var(--line-height-normal, 1.5) !important;
  }

  /* הסבר בתוך כותרת */
  /* ✅ תיקון: הסרת !important - שימוש בסלקטורים מדויקים יותר */
  .page-header .form-header-explanation,
  .page-header-content .form-header-explanation,
  .form-card .form-header-explanation,
  .card.form-card .form-header-explanation {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(148, 163, 184, 0.3);
    font-size: 0.875rem;
    color: #9ca3af;
    /* ✅ תיקון: מניעת overflow ו-scrollbar פנימי - ללא !important */
    overflow: visible;
    max-height: none;
    height: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .form-header-explanation i {
    margin-inline-end: 0.5rem !important;
    font-size: 0.875rem !important;
    color: #9ca3af !important;
  }

  .form-header-explanation strong {
    color: #e5e7eb !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
  }

  /* כפתורי פעולה */
  .page-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-top: 1rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid rgba(148, 163, 184, 0.3) !important;
    justify-content: flex-end !important;
    direction: rtl !important;
  }

  .page-header-actions .btn-action,
  .page-header-actions .page-header-action-btn {
    border-radius: 999px !important;
    padding: 0.55rem 1.1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
    color: #f9fafb !important;
    border: 1px solid rgba(191, 219, 254, 0.25) !important;
    box-shadow: 0 14px 32px rgba(37, 99, 235, 0.7) !important;
    transition: all 0.2s ease !important;
  }

  .page-header-actions .btn-action i,
  .page-header-actions .page-header-action-btn i {
    font-size: 0.9rem !important;
  }

  .page-header-actions .btn-action:hover,
  .page-header-actions .page-header-action-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 18px 40px rgba(37, 99, 235, 0.85) !important;
  }

  /* ============================================
     🔹 כרטיסי פעולות מהירות – גלובלי לכל האתר
     ============================================ */
  .quick-actions-section .quick-action-card {
    background: radial-gradient(circle at top, rgba(37, 99, 235, 0.25), #020617) !important;
    border-radius: 1rem !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.9) !important;
    color: #e5e7eb !important;
  }

  .quick-actions-section .quick-action-icon {
    background: radial-gradient(circle at top, rgba(59, 130, 246, 0.5), rgba(15, 23, 42, 0.95)) !important;
    border-radius: 999px !important;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.8) !important;
    color: #e5e7eb !important;
  }

  .quick-actions-section .quick-action-content h4 {
    color: #f9fafb !important;
    font-weight: 600 !important;
  }

  .quick-actions-section .quick-action-content p {
    color: #9ca3af !important;
    margin-bottom: 0 !important;
  }

  /* 🔹 בלוק "סיכום" – גלובלי */
  .preview-section {
    background-color: #020617 !important;
    border-radius: 1.1rem !important;
    border: 1px solid #1f2937 !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75) !important;
    padding: 1.25rem 1.5rem !important;
  }

  /* כותרת "סיכום" */
  .preview-section .section-title {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: #e5e7eb !important;
    margin-bottom: 0.9rem !important;
  }

  .preview-section .section-title i {
    color: #60a5fa !important;
    text-shadow: 0 0 18px rgba(37, 99, 235, 0.9) !important;
  }

  /* 🔹 המסגרת והפנים של info-box עצמו */
  .preview-section .info-box {
    background: radial-gradient(circle at top, #0b1220, #020617) !important;
    border-radius: 0.9rem !important;
    border: 1px solid #1f2937 !important;
    padding: 1rem 1.25rem !important;
  }

  .preview-section .info-box-content h4 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #f9fafb !important;
    margin: 0 0 0.25rem !important;
  }

  .preview-section .info-box-content p {
    color: #9ca3af !important;
    margin: 0 !important;
  }

  /* 🔹 כרטיסי טופס (form-card) – גלובלי */
  .form-card .card-header.project-header-custom {
    background:
      radial-gradient(circle at top left, rgba(56, 189, 248, 0.16), transparent 55%),
      radial-gradient(circle at bottom right, rgba(129, 140, 248, 0.16), transparent 55%),
      linear-gradient(145deg, #020617, #020617) !important;
    border-radius: 1.25rem 1.25rem 0 0 !important;
    border: 1px solid rgba(148, 163, 184, 0.45) !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.9) !important;
    padding: 1.5rem 1.75rem !important;
    color: #e5e7eb !important;
  }

  .form-card .card-header.project-header-custom h1 {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #f9fafb !important;
    margin: 0 0 0.5rem 0 !important;
  }

  .form-card .card-header.project-header-custom h1 i {
    width: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at top, rgba(37, 99, 235, 0.45), rgba(15, 23, 42, 0.95)) !important;
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.7) !important;
    color: #e5e7eb !important;
    font-size: 1.1rem !important;
  }

  .form-card .card-header.project-header-custom p {
    color: #9ca3af !important;
    margin-bottom: 0.5rem !important;
  }

  .form-card .card-header.project-header-custom .form-header-explanation {
    color: #9ca3af !important;
    background: rgba(15, 23, 42, 0.3) !important;
    border-right: 3px solid rgba(96, 165, 250, 0.5) !important;
  }

  /* ===== דריסת unified-kpi.css ו-premium-kpi.css עבור KPIs בדף פרויקטים ===== */
  /* כללים אלה הועברו למודול projects - לא צריך כאן */
  /* מודול projects מגדיר את העיצובים שלו */

  /* ============================================
     Dark Mode for Tables - הוסר (כפילות)
     ============================================ */
  /* הערה: כל עיצובי Dark Mode לטבלאות נמצאים ב-dark-mode-enhanced.css */

  /* ============================================
     Override אחרון - גלילה לטבלאות עם "חלון"
     ============================================ */
  /* הערה: כל הכללים של .table-responsive ו-.responsive-table-container
     אוחדו לגרסה אחת עקבית בתוך @layer overrides (לפני הסגירה)
     כדי למנוע סתירות וכפילויות */

  /* ============================================
     Cards Override - הוסר (כפילות)
     ============================================ */
  /* הערה: עיצובי Cards לאפקט זכוכית כהה נמצאים ב-components/cards.css */
  /* אין צורך בכפילות כאן */

  /* ============================================
     כפתורים – מניעת גלילה ותיקון שבירת שורות
     רשת ביטחון לכפתורים – תיקון מהיר
     דריסה מלאה של כל הכללים הקודמים
     ============================================ */
  
  /* כל הכפתורים - כלל בסיסי חזק */
  /* כפתורים עם text-overflow: ellipsis - הועבר ל-components/buttons.css */
  /* כפתורים בתוך table-actions - הועבר ל-components/buttons.css */
  /* כפתורים בתוך action-buttons - הועבר ל-components/buttons.css */
  /* כפתורים בתוך btn-group - הועבר ל-components/buttons.css */
  /* אייקונים בתוך כפתורים - הועבר ל-components/buttons.css */
  /* מניעת overflow על containers שמכילים כפתורים - הועבר ל-components/buttons.css */
  /* דריסה מוחלטת - כל הכפתורים - הועבר ל-components/buttons.css */
  
  /* ============================================
     Contracts View Blocks - ✅ תיקון רספונסיביות
     TODO: להעביר ל-modules/contracts/css/contract-view-blocks.css לאחר תיקון specificity
     ============================================ */
  
  /* הגדרת פריסה קבועה למסכים גדולים - מונע שינויים כשמגדילים חלון */
  /* כללים גלובליים - תמיד חלים */
  .contract-summary-card {
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.4fr) !important;
  }
  
  .summary-side {
    border-inline-start: 1px solid rgba(30, 64, 175, 0.9) !important;
    border-top: none !important;
    margin-top: 0 !important;
    padding-inline-start: 14px !important;
    padding-top: 0 !important;
  }
  
  .contract-details-layout {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 24px !important;
  }
  
  .details-sections-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
    gap: 16px !important;
  }
  
  .details-content {
    padding: 20px 24px 24px !important;
  }

  /* וידוא ש-containers לא מגבילים את הרוחב בדף contracts/view */
  body:has(.contract-details-layout) .content-wrapper,
  body:has(.contract-summary-card) .content-wrapper,
  .contracts-view-page .content-wrapper,
  main:has(.contract-details-layout) .content-wrapper,
  main:has(.contract-summary-card) .content-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding-inline: var(--space-4) !important;
  }

  /* וידוא ש-containers לא מגבילים את הרוחב */
  body:has(.contract-details-layout) .container,
  body:has(.contract-summary-card) .container,
  .contracts-view-page .container,
  main:has(.contract-details-layout) .container,
  main:has(.contract-summary-card) .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* וידוא ש-main לא מגביל את הרוחב */
  body:has(.contract-details-layout) main,
  body:has(.contract-summary-card) main,
  .contracts-view-page main,
  main:has(.contract-details-layout),
  main:has(.contract-summary-card) {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* ✅ תיקון: רספונסיביות נכונה למובייל */
  @media (max-width: 1200px) {
    .details-sections-grid {
      grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
  }

  @media (max-width: 900px) {
    .contract-summary-card {
      grid-template-columns: minmax(0, 1fr);
    }
    
    .summary-side {
      border-inline-start: none;
      border-top: 1px solid rgba(30, 64, 175, 0.9);
      margin-top: 1rem;
      padding-inline-start: 0;
      padding-top: 1rem;
    }
    
    .contract-details-layout {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
    }
    
    .details-sections-grid {
      grid-template-columns: repeat(2, minmax(200px, 1fr));
      gap: 12px;
    }
    
    .details-content {
      padding: 16px;
    }
  }

  @media (max-width: 768px) {
    .details-sections-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (max-width: 600px) {
    .details-grid,
    .details-extra-grid {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  
  /* ===== תיקון: רקע כותרת טבלה כמו רקע הבלוקים בדף contracts/view ===== */
  .contract-details-layout table thead,
  .contract-details-layout table thead tr,
  .contract-details-layout table thead th,
  .details-content table thead,
  .details-content table thead tr,
  .details-content table thead th,
  .details-section table thead,
  .details-section table thead tr,
  .details-section table thead th,
  .contracts-table thead,
  .contracts-table thead tr,
  .contracts-table thead th,
  table.contracts-table thead,
  table.contracts-table thead tr,
  table.contracts-table thead th {
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
    border-bottom: 1px solid rgba(55, 65, 81, 0.9) !important;
  }
  
  .contract-details-layout table thead th,
  .details-content table thead th,
  .details-section table thead th,
  .contracts-table thead th,
  table.contracts-table thead th {
    color: #e5e7eb !important;
    border: none !important;
    border-bottom: 1px solid rgba(55, 65, 81, 0.9) !important;
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
  }
  
  /* ===== תיקון: רקע שורת סיכום (tfoot) כמו רקע הבלוקים ===== */
  .contract-details-layout table tfoot,
  .contract-details-layout table tfoot tr,
  .contract-details-layout table tfoot tr.table-info,
  .contract-details-layout table tfoot td,
  .details-content table tfoot,
  .details-content table tfoot tr,
  .details-content table tfoot tr.table-info,
  .details-content table tfoot td,
  .details-section table tfoot,
  .details-section table tfoot tr,
  .details-section table tfoot tr.table-info,
  .details-section table tfoot td,
  .contracts-table tfoot,
  .contracts-table tfoot tr,
  .contracts-table tfoot tr.table-info,
  .contracts-table tfoot td,
  table.contracts-table tfoot,
  table.contracts-table tfoot tr,
  table.contracts-table tfoot tr.table-info,
  table.contracts-table tfoot td {
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
    border-top: 1px solid rgba(55, 65, 81, 0.9) !important;
  }
  
  .contract-details-layout table tfoot tr.table-info td,
  .details-content table tfoot tr.table-info td,
  .details-section table tfoot tr.table-info td,
  .contracts-table tfoot tr.table-info td,
  table.contracts-table tfoot tr.table-info td {
    color: #e5e7eb !important;
    background: radial-gradient(circle at top, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.98)) !important;
    background-color: rgba(15, 23, 42, 0.96) !important;
  }
  
  /* ===== תיקון: רקע שורות לסרוגין - שורות אי-זוגיות כמו kpi-card - צבע אחיד ===== */
  /* שורות אי-זוגיות (1, 3, 5, 7...) - צבע אחיד כחול */
  .contract-details-layout table tbody tr:nth-child(odd),
  .contract-details-layout table tbody tr:nth-child(odd) td,
  .details-content table tbody tr:nth-child(odd),
  .details-content table tbody tr:nth-child(odd) td,
  .details-section table tbody tr:nth-child(odd),
  .details-section table tbody tr:nth-child(odd) td,
  .contracts-table tbody tr:nth-child(odd),
  .contracts-table tbody tr:nth-child(odd) td,
  table.contracts-table tbody tr:nth-child(odd),
  table.contracts-table tbody tr:nth-child(odd) td {
    background: rgba(37, 99, 235, 0.2) !important;
    background-color: rgba(37, 99, 235, 0.2) !important;
  }
  
  /* שורות זוגיות (2, 4, 6, 8...) - שקופות/רגילות */
  .contract-details-layout table tbody tr:nth-child(even),
  .contract-details-layout table tbody tr:nth-child(even) td,
  .details-content table tbody tr:nth-child(even),
  .details-content table tbody tr:nth-child(even) td,
  .details-section table tbody tr:nth-child(even),
  .details-section table tbody tr:nth-child(even) td,
  .contracts-table tbody tr:nth-child(even),
  .contracts-table tbody tr:nth-child(even) td,
  table.contracts-table tbody tr:nth-child(even),
  table.contracts-table tbody tr:nth-child(even) td {
    background: transparent !important;
    background-color: transparent !important;
  }
  
  /* ============================================
     תיקון קריטי: KPIs במובייל - 2 בשורה בכל האתר
     דריסה על כל הגדרות אחרות - כמו בדף הפרויקטים
     ============================================ */
  @media (max-width: 1023px) {
    .stats-grid,
    .stats-grid-primary,
    .stats-grid-secondary,
    .quick-stats,
    .kpi-grid,
    .kpi-cards-grid,
    .employees-page .stats-grid,
    .contractors-page .stats-grid,
    .projects-page .stats-grid,
    .projects-page .quick-stats,
    .projects-page .kpi-grid,
    .project-view-wrapper .stats-grid,
    .project-view-wrapper .quick-stats,
    .project-view-wrapper .kpi-grid,
    [class*="projects"] .stats-grid,
    [class*="projects"] .quick-stats,
    [class*="projects"] .kpi-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0.75rem !important;
    }
    
    /* וידוא שגם KPIs בתוך containers אחרים יוצגו 2 בשורה */
    .container .stats-grid,
    .container-fluid .stats-grid,
    .content-wrapper .stats-grid,
    .page-wrapper .stats-grid,
    .dashboard-grid .stats-grid,
    .container .quick-stats,
    .container-fluid .quick-stats,
    .content-wrapper .quick-stats,
    .page-wrapper .quick-stats {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 0.75rem !important;
    }
  }

}