/* Estilos específicos para oportunidades */

.opportunity-card {
    transition: all 0.3s ease;
}

.opportunity-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.urgent-opportunity {
    border-left: 4px solid var(--mud-palette-error) !important;
    background: linear-gradient(to right, rgba(244, 67, 54, 0.05), transparent);
}

.warning-opportunity {
    border-left: 4px solid var(--mud-palette-warning) !important;
    background: linear-gradient(to right, rgba(255, 193, 7, 0.05), transparent);
}

.opportunity-card.selected {
    border: 2px solid var(--mud-palette-primary);
    background: var(--mud-palette-primary-lighten);
}

/* Indicadores de urgência */
.urgent-indicator {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/* Estilos para score */
.score-high {
    color: var(--mud-palette-success);
    font-weight: bold;
}

.score-medium {
    color: var(--mud-palette-warning);
    font-weight: bold;
}

.score-low {
    color: var(--mud-palette-error);
    font-weight: bold;
}

/* Layout responsivo */
@media (max-width: 960px) {
    .opportunities-sidebar {
        order: 3;
    }

    .opportunities-grid {
        order: 1;
    }

    .opportunities-details {
        order: 2;
    }
}

/* Scroll personalizado */
.opportunities-scroll::-webkit-scrollbar {
    width: 6px;
}

.opportunities-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.opportunities-scroll::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.opportunities-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}