/* Fallback simple icon set to avoid loading Font Awesome from CDN.
   This maps commonly used `fa-*` classes to emoji via ::before so pages
   render reasonably even without internet access. Add mappings as needed. */

[class*="fas"][class*="fa-"] {
    /* ensure the <i> element doesn't rely on external fonts */
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: normal !important;
    /* no 'speak' property; kept for compatibility with font-awesome fallback */
}

/* Generic rule to use the pseudo-element for the icon glyph */
[class*="fas"]::before {
    display: inline-block;
    margin-right: 0.35rem;
    line-height: 1;
}

/* Icon mappings used in the UI */
.fas.fa-chart-line::before {
    content: "📈";
}

.fas.fa-users::before {
    content: "👥";
}

.fas.fa-bell::before {
    content: "🔔";
}

.fas.fa-moon::before {
    content: "🌙";
}

.fas.fa-sun::before {
    content: "☀️";
}

.fas.fa-sync::before {
    content: "🔄";
}

.fas.fa-server::before {
    content: "🖥️";
}

.fas.fa-plug::before {
    content: "🔌";
}

.fas.fa-arrow-up::before {
    content: "⬆️";
}

.fas.fa-sitemap::before {
    content: "🗺️";
}

.fas.fa-inbox::before {
    content: "📥";
}

.fas.fa-paper-plane::before {
    content: "📤";
}

.fas.fa-search::before {
    content: "🔍";
}

.fas.fa-columns::before {
    content: "🗂️";
}

.fas.fa-download::before {
    content: "⬇️";
}

.fas.fa-chevron-left::before {
    content: "◀️";
}

.fas.fa-chevron-right::before {
    content: "▶️";
}

.fas.fa-times::before {
    content: "✖️";
}

.fas.fa-eye::before {
    content: "👁️";
}

.fas.fa-sign-out-alt::before {
    content: "🚪";
}

.fas.fa-filter::before {
    content: "🔎";
}

/* Reduce spacing on small screens */
@media (max-width: 640px) {
    [class*="fas"]::before {
        margin-right: 0.25rem;
    }
}