/* =============================================================================
   AprovAKI — Ícone Salvar com Phosphor (Bloco 10 - 2026-07-17)
   -----------------------------------------------------------------------------
   Escopo atual: manter apenas o botão Salvar no feed.
   Visual: ícone fino, cinza, discreto; hover neutro; salvo preenchido sem
   círculo lilás. Sem Curtir interno e sem Compartilhar interno nesta etapa.
   ============================================================================= */

.btn-salvar-questao--phi {
    color: #64748b;
    line-height: 0;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

.btn-salvar-questao--phi > i.ph,
.btn-salvar-questao--phi > i.ph-fill {
    font-size: 23px;
    line-height: 1;
    display: inline-block;
    transition: transform .16s ease, color .16s ease;
    filter: none;
}

.btn-salvar-questao--phi:hover,
.btn-salvar-questao--phi:focus-visible {
    background: #f1f5f9 !important;
    border-color: transparent !important;
    color: #475569;
    opacity: 1;
    outline: none;
    transform: translateY(-1px);
    box-shadow: none !important;
}

.btn-salvar-questao--phi.is-saved {
    background: transparent !important;
    border-color: transparent !important;
    color: #526173;
    opacity: 1;
}

.btn-salvar-questao--phi.is-saved > i.ph,
.btn-salvar-questao--phi.is-saved > i.ph-fill {
    color: #526173;
}

.btn-salvar-questao--phi:hover > i.ph,
.btn-salvar-questao--phi:hover > i.ph-fill,
.btn-salvar-questao--phi:focus-visible > i.ph,
.btn-salvar-questao--phi:focus-visible > i.ph-fill {
    transform: translateY(-1px) scale(1.02);
}

@keyframes akiSalvarPopPhi {
    0%   { transform: scale(1);    }
    45%  { transform: scale(1.10); }
    100% { transform: scale(1);    }
}

.btn-salvar-questao--phi.is-saved > i.ph,
.btn-salvar-questao--phi.is-saved > i.ph-fill {
    animation: akiSalvarPopPhi .22s ease-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn-salvar-questao--phi.is-saved > i.ph,
    .btn-salvar-questao--phi.is-saved > i.ph-fill {
        animation: none;
    }
}

.post-question-content .btn-salvar-questao--phi > i.ph,
.post-question-content .btn-salvar-questao--phi > i.ph-fill {
    font-size: 23px;
}

@media (max-width: 480px) {
    .btn-salvar-questao--phi > i.ph,
    .btn-salvar-questao--phi > i.ph-fill {
        font-size: 22px;
    }
}