/* --- THEME: PREDATOR VISION (Infravermelho / Digital) --- */
[data-theme="predator-vision"] {
    --font-main: 'Orbitron', sans-serif; /* Fonte futurista */
    --backdrop-blur: 15px;

    /* --- CORES BASE --- */
    --bg-app: linear-gradient(135deg, #0a0a0a 0%, #1a0a00 100%); /* Fundo muito escuro, quase preto com toque de marrom escuro */
    --bg-panel: rgba(15, 15, 15, 0.9); /* Painel quase preto */
    --bg-panel-solid: #0d0d0d;
    --bg-input: #1a1a1a;

    --border-color: #333; /* Borda escura */
    --glass-border: 1px solid rgba(51, 51, 51, 0.5);
    --glass-shadow: 0 4px 15px rgba(0, 0, 0, 0.8);

    --text-main: #b8f217; /* Verde-lima fluorescente */
    --text-muted: #808080;
    --text-inverse: #000;

    /* --- CORES DE ACENTUAÇÃO (Infravermelho / Termal) --- */
    --accent-primary: #f2172f;   /* Vermelho vibrante (calor) */
    --accent-secondary: #f7b32b; /* Amarelo/Laranja (alerta) */
    --accent-danger: #ff0000;
    --accent-success: #b8f217;

    /* --- NÓS (NODES) --- */
    --node-bg: rgba(20, 20, 20, 0.9);
    --node-border: #333;
    --node-shadow: 0 6px 20px rgba(0,0,0,0.9);
    --node-selected-glow: 0 0 0 2px var(--accent-primary), 0 0 15px rgba(242, 23, 47, 0.6);

    /* --- GRID --- */
    --grid-color: rgba(184, 242, 23, 0.1); /* Linhas de grid sutis em verde fluorescente */

    /* --- CORES SEMÂNTICAS (Predator Vision) --- */
    --col-client: #f7b32b; /* Amarelo */
    --col-lb: #f2172f;     /* Vermelho */
    --col-service: #b8f217; /* Verde */
    --col-db: #f2172f;
    --col-cache: #f7b32b;
    --col-queue: #b8f217;
    --col-external: #808080;

    /* --- BOTÕES --- */
    --btn-primary-bg: var(--accent-primary);
    --btn-primary-text: #fff;
    --btn-primary-shadow: 0 4px 12px rgba(242, 23, 47, 0.4);
    --btn-secondary-bg: #333;
    --btn-secondary-hover: #4a4a4a;

    /* --- Efeitos Específicos para Predator Vision --- */
    .app-title-block h1, .beta-tag {
        text-shadow: 0 0 5px var(--text-main), 0 0 10px var(--text-main);
    }
}

/* =========================================
   13. LASER DO PREDADOR
   ========================================= */

/* Estilo do pontinho laser */
.predator-laser-target {
    position: absolute;
    width: 8px; /* Tamanho do ponto */
    height: 8px; /* Tamanho do ponto */
    border-radius: 50%; /* Transforma em círculo */
    background-color: var(--accent-primary, #f2172f); /* Vermelho do Predador */
    box-shadow: 
        0 0 5px var(--accent-primary, #f2172f), /* Glow interno */
        0 0 10px var(--accent-primary, #f2172f); /* Glow externo */
    z-index: 600; /* Acima de tudo */
    pointer-events: none; /* Não interfere com cliques */
    transition: transform 1s ease-in-out, left 1s ease-in-out, top 1s ease-in-out; /* Transição suave */
    animation: laser-pulse 1s infinite alternate; /* Animação de pulso */
}

/* Animação de pulso do laser */
@keyframes laser-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.2); opacity: 0.8; }
}

/* A linha do laser pode ser adicionada com um pseudo-elemento ou via JS se for complexa */
/* Exemplo de pseudo-elemento para uma linha estática partindo do centro */
/*
.predator-laser-target::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -100vw; 
    width: 100vw; 
    height: 1px; 
    background-color: rgba(242, 23, 47, 0.4); 
    box-shadow: 0 0 5px rgba(242, 23, 47, 0.5);
    transform: translateY(-50%);
    z-index: -1;
}
*/