/* Estilos básicos para o Módulo Remoto de Teste - PADRONIZADO */

.bg-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.opacity-75 {
    opacity: 0.75;
}

/* Animação simples para cards - ✅ SELETOR CORRIGIDO */
[data-module="testeRemoto"] .card {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Log de atividades - ✅ SELETOR CORRIGIDO */
#testeRemoto-log {
    scrollbar-width: thin;
    font-family: 'Courier New', monospace;
}

/* Hover em botões - ✅ SELETOR CORRIGIDO */
[data-module="testeRemoto"] .btn:hover {
    transform: translateY(-1px);
    transition: transform 0.2s ease;
}

/* Estilos específicos para elementos do módulo */
#testeRemoto-code,
#testeRemoto-source,
#testeRemoto-version,
#testeRemoto-cache-status {
    font-weight: 500;
}

#testeRemoto-loading-timeline .timeline-item {
    margin-bottom: 8px;
    padding-left: 15px;
    border-left: 2px solid #007bff;
}

#testeRemoto-loading-timeline .timeline-item:last-child {
    margin-bottom: 0;
}