/* Fallback CSS para quando CDNs externos não estão disponíveis */

/* Font Awesome Icons - Apenas os ícones mais essenciais */
.fa-envelope:before { content: "✉"; }
.fa-phone:before { content: "☎"; }
.fa-user-shield:before { content: "🛡"; }
.fa-home:before { content: "🏠"; }
.fa-calendar:before { content: "📅"; }
.fa-newspaper:before { content: "📰"; }
.fa-users:before { content: "👥"; }
.fa-cog:before { content: "⚙"; }
.fa-edit:before { content: "✏"; }
.fa-trash:before { content: "🗑"; }
.fa-plus:before { content: "+"; }

/* Font Fallbacks - Sistema de fontes nativas */
.font-fallback {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
                 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
                 'Noto Color Emoji' !important;
}

/* Aplica font fallback globalmente quando CDN falha */
body.cdn-fallback {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
                 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
}

/* Estilos para indicador de modo fallback (apenas desenvolvimento) */
.cdn-fallback-indicator {
    position: fixed;
    top: 0;
    right: 0;
    background: #ff6b6b;
    color: white;
    padding: 4px 8px;
    font-size: 12px;
    z-index: 10000;
    border-radius: 0 0 0 4px;
    display: none;
}

.cdn-fallback .cdn-fallback-indicator {
    display: block;
}