/* Font Awesome Fallback - Essential Icons Only */
.fas, .fa {
    font-family: 'Font Awesome 6 Free', sans-serif;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

/* Fallback using Unicode symbols for essential icons */
.fa-bars::before { content: '☰'; }
.fa-bell::before { content: '🔔'; }
.fa-tachometer-alt::before { content: '📊'; }
.fa-building::before { content: '🏢'; }
.fa-users::before { content: '👥'; }
.fa-file-alt::before { content: '📄'; }
.fa-briefcase::before { content: '💼'; }
.fa-cog::before { content: '⚙️'; }
.fa-sign-out-alt::before { content: '🚪'; }
.fa-user-plus::before { content: '👤+'; }
.fa-exclamation-triangle::before { content: '⚠️'; }
.fa-bell-slash::before { content: '🔕'; }
.fa-times::before { content: '✕'; }
.fa-check::before { content: '✓'; }
.fa-plus::before { content: '+'; }
.fa-edit::before { content: '✏️'; }
.fa-trash::before { content: '🗑️'; }
.fa-search::before { content: '🔍'; }
.fa-filter::before { content: '🔽'; }
.fa-download::before { content: '⬇️'; }
.fa-upload::before { content: '⬆️'; }
.fa-eye::before { content: '👁️'; }
.fa-calendar::before { content: '📅'; }
.fa-clock::before { content: '🕐'; }
.fa-envelope::before { content: '✉️'; }
.fa-phone::before { content: '📞'; }
.fa-home::before { content: '🏠'; }
.fa-chart-bar::before { content: '📊'; }
.fa-chart-line::before { content: '📈'; }
.fa-chart-pie::before { content: '🥧'; }
.fa-check-circle::before { content: '✅'; }

/* Icon styling */
.fas, .fa {
    font-size: inherit;
    line-height: inherit;
}

/* Notification icon styling */
.notification-icon {
    position: relative;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.notification-icon:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile menu toggle */
.mobile-menu-toggle {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.mobile-menu-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}