/* Correção para ícones Font Awesome */
.card-icon i {
    font-size: 1.75rem !important;
    color: var(--primary-color) !important;
    transition: all 0.3s ease !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
}

.dashboard-card:hover .card-icon i {
    color: white !important;
}

/* Estilo para ícones de texto (emojis) */
.icon-text {
    font-size: 2rem;
    display: inline-block;
    transition: all 0.3s ease;
}

.dashboard-card:hover .icon-text {
    transform: scale(1.2);
}

.header-icon {
    font-size: 1.5rem !important;
    color: var(--primary-color) !important;
    margin-right: 0.75rem !important;
}

/* Garantir que os ícones da navegação apareçam */
.nav-btn i {
    margin-right: 0.5rem !important;
    font-size: 1.125rem !important;
}

/* Forçar exibição de ícones */
.fas, .far, .fab, .fa {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    line-height: 1 !important;
}