/* Estilos específicos para forzar visibilidad de iconos Font Awesome */
/* Nota: Font Awesome se carga desde el layout principal via CDN */

/* Estilos forzados para iconos Font Awesome */
.dropdown-menu i,
.user-menu i,
.dropdown-item i,
i[class*="fa-"],
i[class*="fas"],
i[class*="far"],
i[class*="fab"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro", FontAwesome !important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Clases específicas de Font Awesome */
.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Iconos específicos del dropdown con fallbacks Unicode */
.fa-tachometer-alt::before,
.fa-dashboard::before {
    content: "\f3fd" !important;
}

.fa-envelope::before {
    content: "\f0e0" !important;
}

.fa-user::before {
    content: "\f007" !important;
}

.fa-sign-out-alt::before {
    content: "\f2f5" !important;
}

.fa-chevron-down::before {
    content: "\f078" !important;
}

.fa-bell::before {
    content: "\f0f3" !important;
}

.fa-home::before {
    content: "\f015" !important;
}

.fa-cog::before,
.fa-cogs::before {
    content: "\f013" !important;
}

.fa-check-circle::before {
    content: "\f058" !important;
}

.fa-info-circle::before {
    content: "\f05a" !important;
}

.fa-tools::before {
    content: "\f7d9" !important;
}

.fa-heartbeat::before {
    content: "\f21e" !important;
}

.fa-bug::before {
    content: "\f188" !important;
}

/* Asegurar que los iconos tengan el tamaño correcto */
.dropdown-item i {
    width: 20px !important;
    text-align: center !important;
    font-size: 14px !important;
    margin-right: 8px !important;
}

.user-btn i {
    font-size: 12px !important;
    margin-left: 4px !important;
}

/* Fallback completo para cuando Font Awesome no carga */
.no-fontawesome .fa-tachometer-alt::before,
.no-fontawesome .fa-dashboard::before { 
    content: "📊" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-envelope::before { 
    content: "✉️" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-user::before { 
    content: "👤" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-sign-out-alt::before { 
    content: "🚪" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-chevron-down::before { 
    content: "⬇️" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-bell::before { 
    content: "🔔" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-home::before { 
    content: "🏠" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-cog::before,
.no-fontawesome .fa-cogs::before { 
    content: "⚙️" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-check-circle::before { 
    content: "✅" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-info-circle::before { 
    content: "ℹ️" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-tools::before { 
    content: "🔧" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-heartbeat::before { 
    content: "💓" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

.no-fontawesome .fa-bug::before { 
    content: "🐛" !important; 
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
    font-weight: normal !important;
}

/* Fallbacks de texto simple como última opción */
.no-fontawesome.text-fallback .fa-tachometer-alt::before,
.no-fontawesome.text-fallback .fa-dashboard::before { content: "[📊]" !important; }
.no-fontawesome.text-fallback .fa-envelope::before { content: "[📧]" !important; }
.no-fontawesome.text-fallback .fa-user::before { content: "[👤]" !important; }
.no-fontawesome.text-fallback .fa-sign-out-alt::before { content: "[🚪]" !important; }
.no-fontawesome.text-fallback .fa-chevron-down::before { content: "[▼]" !important; }
.no-fontawesome.text-fallback .fa-bell::before { content: "[🔔]" !important; }

/* Animación suave para iconos */
.dropdown-menu i {
    transition: color 0.3s ease, transform 0.3s ease !important;
}

.dropdown-item:hover i {
    transform: scale(1.1) !important;
}

/* Asegurar que los iconos no se oculten por otros estilos */
.dropdown-menu i,
.user-menu i {
    visibility: visible !important;
    opacity: 1 !important;
    display: inline-block !important;
}

/* Forzar renderización de iconos */
.fas::before,
.far::before,
.fab::before {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
}

/* Debug: highlight icons que no cargan */
.debug-icons .fas::before,
.debug-icons .far::before,
.debug-icons .fab::before {
    background: rgba(255, 0, 0, 0.1) !important;
    border: 1px dashed red !important;
}