
/* Logos dos LLMs - Integração automática */
.llm-logo {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
    flex-shrink: 0; /* Impede que as logos encolham quando não há espaço */
}

.llm-logo-sm {
    width: 20px;
    height: 20px;
    min-width: 20px; /* Garantir tamanho mínimo */
}

.llm-logo-md {
    width: 32px; 
    height: 32px;
    min-width: 32px; /* Garantir tamanho mínimo */
}

.llm-logo-lg {
    width: 48px;
    height: 48px;
    min-width: 48px; /* Garantir tamanho mínimo */
}

/* Logos específicas dos providers */
.llm-logo-openai {
    background-image: url('/static/logos/32x32/openai.png');
}

.llm-logo-anthropic {
    background-image: url('/static/logos/32x32/claude-seeklogo.png');
}

.llm-logo-google {
    background-image: url('/static/logos/32x32/google.png');
}

.llm-logo-qwen {
    background-image: url('/static/logos/32x32/qwen.png');
}

/* Fallbacks para SVG se necessário */
.llm-logo-openai-fallback {
    background-image: url('/static/logos/fallback/openai_fallback.svg');
}

.llm-logo-anthropic-fallback {
    background-image: url('/static/logos/fallback/anthropic_fallback.svg');
}

.llm-logo-google-fallback {
    background-image: url('/static/logos/fallback/google_fallback.svg');
}

.llm-logo-qwen-fallback {
    background-image: url('/static/logos/fallback/qwen_fallback.svg');
}
