/* Fix para dropdown ficar acima dos cards */
.dash-dropdown {
    position: relative !important;
}

.dash-dropdown .Select-menu-outer {
    z-index: 9999 !important;
    position: absolute !important;
}

/* Garantir que o card de filtros não corte o dropdown */
.card:has(.dash-dropdown) {
    overflow: visible !important;
}

/* Z-index para diferentes elementos */
.card {
    position: relative;
}

/* Card de filtros deve ter z-index maior */
.card:has(#pm-ativo-filtro) {
    z-index: 100;
    overflow: visible !important;
}

/* Card de indicadores deve ter z-index menor */
.card:has(#pm-kpi-posicao) {
    z-index: 10;
}

/* Dropdown menu específico */
#pm-ativo-filtro .Select-menu {
    z-index: 9999 !important;
}

#pm-conta-dropdown .Select-menu {
    z-index: 9999 !important;
}

/* Ticker de Cotações */
#pm-price-ticker {
    padding: 8px 15px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 20px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
    font-size: 0.85rem;
    margin-top: 5px;
}

#pm-price-ticker strong {
    font-weight: 600;
}

#pm-price-ticker .text-primary {
    color: #0066cc !important;
}

#pm-price-ticker .text-info {
    color: #17a2b8 !important;
}

#pm-price-ticker .text-success {
    color: #28a745 !important;
}

/* Animação suave ao atualizar */
#pm-price-ticker {
    transition: all 0.3s ease;
}

#pm-price-ticker:hover {
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);
}