/*
 * Badge colorido atrás do ícone dos cards de "Consulta de Frete" (mockup
 * aprovado). O ->color() do Filament não afeta o ícone principal do
 * Stat nesta versão (só descrição/gráfico) — por isso a cor entra
 * direto aqui, mirando a classe própria (.frete-stat--*) que
 * ConsultaFreteOverview adiciona via ->extraAttributes(), nunca uma
 * classe genérica do Filament (.fi-icon sozinho afetaria ícones de
 * todo o painel).
 */
.frete-stat .fi-wi-stats-overview-stat-label-ctn .fi-icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    color: #fff;
}

.frete-stat .fi-wi-stats-overview-stat-label-ctn .fi-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}

.frete-stat--violet .fi-wi-stats-overview-stat-label-ctn .fi-icon {
    background-color: #8b5cf6;
}

.frete-stat--green .fi-wi-stats-overview-stat-label-ctn .fi-icon {
    background-color: #22c55e;
}

.frete-stat--orange .fi-wi-stats-overview-stat-label-ctn .fi-icon {
    background-color: #f59e0b;
}

.frete-stat--blue .fi-wi-stats-overview-stat-label-ctn .fi-icon {
    background-color: #3b82f6;
}