/**
 * Estilos para o modo espectador colaborativo
 */

.teia-collaborative-spectator .teia-eixo-card,
.teia-collaborative-spectator .teia-situacao-item,
.teia-collaborative-spectator .teia-agente-item,
.teia-collaborative-spectator .teia-equipamento-item {
    cursor: default !important;
    /* opacity: 0.8; */
}

.teia-collaborative-spectator .teia-eixo-card:hover,
.teia-collaborative-spectator .teia-situacao-item:hover,
.teia-collaborative-spectator .teia-agente-item:hover,
.teia-collaborative-spectator .teia-equipamento-item:hover {
    transform: none !important;
    box-shadow: none !important;
}

.teia-collaborative-spectator .teia-nav-btn {
    /* opacity: 0.5; */
    cursor: not-allowed !important;
    pointer-events: none;
}

.teia-collaborative-spectator .teia-nav-btn:hover {
    background-color: inherit !important;
    color: inherit !important;
}

.teia-collaborative-spectator #teia-solucao-texto {
    background-color: #f5f5f5;
    color: #666;
    cursor: not-allowed;
}

.teia-spectator-message {
    animation: fadeInOut 2s ease-in-out infinite alternate;
}

@keyframes fadeInOut {
    0% { opacity: 0.7; }
    100% { opacity: 1; }
}

/* Indicador de sincronização */
.teia-sync-indicator {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #28a745;
    color: white;
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 11px;
    z-index: 9999;
    display: none;
}

.teia-sync-indicator.syncing {
    display: block;
    animation: pulse 1s ease-in-out infinite;
}

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