/* אייקונים מודרניים למערכת ניהול פרויקטים */

@layer components {
/* אייקונים בסיסיים */
.modern-icon {
    font-size: 1.1em;
    transition: all 0.3s ease;
    display: inline-block;
}

/* אייקונים בכרטיסים */
.card .modern-icon {
    font-size: 1.2em;
    margin-inline-end: 8px;
    color: inherit;
}

/* אייקונים בכרטיסי סטטיסטיקה */
.card.border-right-primary .modern-icon { color: var(--primary-500); }
.card.border-right-success .modern-icon { color: var(--success-500); }
.card.border-right-info .modern-icon { color: var(--info-500); }
.card.border-right-warning .modern-icon { color: var(--warning-500); }
.card.border-right-danger .modern-icon { color: var(--error-500); }
.card.border-right-secondary .modern-icon { color: var(--secondary-500); }

/* אייקונים בכפתורים */
.btn .modern-icon {
    margin-inline-end: 5px;
    font-size: 1em;
    color: inherit;
}

/* צבעים ספציפיים לאייקונים בכפתורים */
.btn-primary .modern-icon { color: white; }
.btn-success .modern-icon { color: white; }
.btn-danger .modern-icon { color: white; }
.btn-info .modern-icon { color: white; }
.btn-secondary .modern-icon { color: white; }
.btn-warning .modern-icon { color: var(--text-main); }
.btn-light .modern-icon { color: var(--text-secondary); }
.btn-dark .modern-icon { color: white; }

/* אייקונים בסרגל ניווט */



/* אייקונים בתפריט משתמש */
.dropdown-menu .modern-icon {
    margin-inline-start: 8px;
    font-size: 1em;
    color: var(--text-muted);
}

.dropdown-menu .dropdown-item:hover .modern-icon {
    color: var(--text-secondary);
}

/* צבעים ספציפיים לאייקונים */
.icon-add { color: var(--success-500); }
.icon-edit { color: var(--warning-500); }
.icon-delete { color: var(--error-500); }
.icon-view { color: var(--info-500); }
.icon-search { color: var(--text-muted); }
.icon-analytics { color: var(--primary-700); }
.icon-dashboard { color: var(--warning-600); }
.icon-users { color: var(--success-600); }
.icon-projects { color: var(--primary-500); }
.icon-contractors { color: var(--primary-600); }
.icon-materials { color: var(--success-500); }
.icon-equipment { color: var(--warning-500); }
.icon-reports { color: var(--primary-700); }
.icon-settings { color: var(--text-muted); }
.icon-safety { color: var(--error-500); }
.icon-documents { color: var(--info-500); }
.icon-contracts { color: var(--warning-600); }
.icon-orders { color: var(--success-600); }
.icon-worklogs { color: var(--text-muted); }
.icon-accounts { color: var(--success-500); }
.icon-chat { color: var(--primary-500); }
.icon-gantt { color: var(--primary-600); }
.icon-groups { color: var(--primary-700); }
.icon-suppliers { color: var(--warning-600); }
.icon-invoices { color: var(--success-600); }
.icon-email { color: var(--primary-500); }

/* אייקונים למודול בטיחות - עדיפות גבוהה */
.icon-shield { color: var(--error-500); }
.icon-alert { color: var(--warning-500); }
.icon-training { color: var(--success-500); }
.icon-inspection { color: var(--info-500); }
.icon-equipment-safety { color: var(--warning-600); }
.icon-certification { color: var(--text-muted); }
.icon-check-circle { color: var(--success-500); }
.icon-list { color: var(--text-muted); }

/* אייקונים בכרטיסי בטיחות */
.card .icon-shield { color: var(--error-500); }
.card .icon-alert { color: var(--warning-500); }
.card .icon-training { color: var(--success-500); }
.card .icon-inspection { color: var(--info-500); }
.card .icon-equipment-safety { color: var(--warning-600); }
.card .icon-certification { color: var(--text-muted); }
.card .icon-check-circle { color: var(--success-500); }
.card .icon-list { color: var(--text-muted); }

/* גדלי אייקונים */
.icon-lg { font-size: 1.3em; }
.icon-xl { font-size: 1.5em; }
.icon-2xl { font-size: 2em; }
.icon-3xl { font-size: 3em; }

/* אפקטים לאייקונים */
.modern-icon:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

/* אייקונים בכפתורים עם אפקטים מיוחדים */
.btn:hover .modern-icon {
    transform: translateY(-1px);
}

/* אייקונים בכרטיסים עם זוהר עדין */
.card:hover .modern-icon {
    filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.3));
}

/* ===== עיצוב מודרני לכל הכפתורים באתר ===== */

/* הערה: כללי כפתורים (buttons) הועברו ל-components/buttons.css */
/* כללי כפתורים מאוחדים נמצאים ב-components/buttons.css */

/* הוסר - .btn::before גרם לאפקט רופף מרחוק */
/* .btn::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.btn:hover::before {
    inset-inline-start: 100%;
} */

.btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* כפתור ראשי - כחול */




/* כפתור הצלחה - ירוק */




/* כפתור אזהרה - צהוב */




/* כפתור סכנה - אדום */




/* כפתור מידע - כחול בהיר */




/* כפתור משני - אפור */




/* כפתור בהיר - לבן */
.btn-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    color: var(--text-secondary);
    box-shadow: 0 2px 4px rgba(248, 249, 250, 0.3);
    border: 1px solid #dee2e6;
}

.btn-light:hover {
    background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
    box-shadow: 0 4px 8px rgba(248, 249, 250, 0.4);
}

/* כפתור כהה - שחור */
.btn-dark {
    background: linear-gradient(135deg, #343a40 0%, #212529 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(52, 58, 64, 0.3);
}

.btn-dark:hover {
    background: linear-gradient(135deg, #212529 0%, #1a1d20 100%);
    box-shadow: 0 4px 8px rgba(52, 58, 64, 0.4);
}

/* ===== עיצוב מיוחד לקבוצות כפתורים ===== */

/* עיצוב מודרני לקבוצות כפתורים */
.btn-group .btn {
    border-radius: 6px;
    margin: 0 2px;
    border: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* הוסר - .btn-group .btn::before גרם לאפקט רופף מרחוק */
/* .btn-group .btn::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition: left 0.5s;
}

.btn-group .btn:hover::before {
    inset-inline-start: 100%;
} */

/* כפתור צפייה - כחול עדין */
.btn-group 

.btn-group 

/* כפתור דשבורד - אפור מתכתי */
.btn-group 

.btn-group 

/* כפתור עריכה - צהוב חם */
.btn-group 

.btn-group 

/* כפתור תקציב - ירוק עדין */
.btn-group 

.btn-group 

/* כפתור מחיקה - אדום עדין */
.btn-group 

.btn-group 

/* אייקונים בתוך הלחצנים */
.btn-group .btn .modern-icon {
    color: inherit;
    font-size: 0.9em;
    transition: all 0.3s ease;
}

.btn-group .btn:hover .modern-icon {
    transform: scale(1.1);
}

/* ===== עיצוב כפתורים קטנים ===== */





/* ===== עיצוב כפתורי טפסים ===== */

/* כפתורי שמירה */




/* ===== עיצוב מיוחד לטבלאות ===== */

/* עיצוב מיוחד לטבלת פרויקטים */
.table-modern tbody tr:hover {
    background: linear-gradient(135deg, rgba(0,123,255,0.05) 0%, rgba(0,86,179,0.05) 100%);
}

/* ===== עיצוב כרטיסי סטטיסטיקה ===== */

/* עיצוב כרטיסי סטטיסטיקה */
.card.bg-primary {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);
}

.card.bg-success {
    background: linear-gradient(135deg, #28a745 0%, #218838 100%);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

.card.bg-warning {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    box-shadow: 0 4px 8px rgba(255, 193, 7, 0.3);
}

.card.bg-info {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    box-shadow: 0 4px 8px rgba(23, 162, 184, 0.3);
}

.card.bg-danger {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3);
}

.card.bg-secondary {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
    box-shadow: 0 4px 8px rgba(108, 117, 125, 0.3);
}

/* אפקט זוהר לכרטיסים */
.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    transition: all 0.3s ease;
}

/* ===== עיצוב מיוחד לכפתורי פעולות ===== */

/* כפתורי פעולות מיוחדים */
.btn-edit {
    background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    color: var(--text-main);
    box-shadow: 0 2px 4px rgba(255, 193, 7, 0.3);
}

.btn-edit:hover {
    background: linear-gradient(135deg, #e0a800 0%, #d39e00 100%);
    box-shadow: 0 4px 8px rgba(255, 193, 7, 0.4);
}

.btn-delete {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
}

.btn-delete:hover {
    background: linear-gradient(135deg, #c82333 0%, #bd2130 100%);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.4);
}

.btn-add {
    background: linear-gradient(135deg, #28a745 0%, #218838 100%);
    color: white;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.3);
}

.btn-add:hover {
    background: linear-gradient(135deg, #218838 0%, #1e7e34 100%);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.4);
}

/* ===== עיצוב כפתורי ניווט ===== */

/* כפתורי חזרה */




/* ===== עיצוב כפתורי ביטול ===== */

/* כפתורי ביטול */
} /* סיום @layer components */