/* ═══════════════════════════════════════════════════════════════
   NEON / LED / FAIXAS DINÂMICAS — TUF Logística
   Desenvolvido por Davi Senise

   Arquivo separado de propósito: os efeitos ficam todos aqui, então dá
   pra ajustar (ou desligar) sem mexer no CSS estrutural do sistema.

   Duas regras que valem pra tudo aqui embaixo:
   1. Nada de efeito na impressão — termo, relatório e ficha saem limpos.
   2. Respeita "reduzir movimento" do sistema operacional (acessibilidade):
      quem tem sensibilidade a movimento vê as cores, mas sem animação.
   ═══════════════════════════════════════════════════════════════ */

/* ── FAIXA: variações por cor ──────────────────────────────────
   A .neon-line original (vermelha) continua igual. Estas são versões
   por contexto — verde/teal pra telas "em dia", âmbar pra pendências,
   etc. Simplificadas em 24/08/2026: tinham um "flash branco" no meio
   do degradê e brilho pesado, efeito chamativo demais pro resto do
   sistema (mais discreto, sem glow). Agora é só a cor sólida. */
.neon-line.verde   { background:#2a9db0; }
.neon-line.ambar   { background:var(--amber); }
.neon-line.azul    { background:var(--blue); }
.neon-line.dourada { background:var(--gold); }

/* linha mais grossa, pra topo de tela de destaque — brilho reduzido em
   24/08/2026, ficava chamativo demais */
.neon-line.forte{
  height:3px; opacity:.85;
}

/* ── LED DE STATUS: bolinha que pulsa como um led de verdade ───
   Uso: <span class="led led-verde"></span> — verde = tudo certo,
   âmbar = atenção, vermelho = urgente, azul = em andamento. */
.led{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  position:relative; flex-shrink:0; vertical-align:middle;
  background:var(--text3);
}
.led::after{
  content:''; position:absolute; inset:-4px; border-radius:50%;
  border:1px solid currentColor; opacity:0;
}
.led-verde   { background:var(--green);  color:var(--green); }
.led-ambar   { background:var(--amber);  color:var(--amber); }
.led-vermelho{ background:var(--accent); color:var(--accent); }
.led-azul    { background:var(--blue);   color:var(--blue); }
.led-azul-escuro{ background:var(--navy); color:var(--navy); }
.led-laranja { background:var(--laranja); color:var(--laranja); }
.led-cinza   { background:var(--text3);  color:transparent; }
.led-cinza::after{ display:none; }

/* led que "respira" — pra indicar algo vivo/em andamento */
.led-pulsando{ }

/* ── KPI ────────────────────────────────────────────
   Barrinha colorida no topo do card, sem brilho — só a cor mesmo. */

/* ── HOVER DE CARD — sombra neutra, sem cor ────────────────────
   Apple não usa glow colorido em hover: só profundidade (sombra +
   leve elevação). A cor fica só onde ela tem função (badge, led, faixa). */
.card{
}
.card:hover{
  box-shadow:0 6px 20px rgba(0,0,0,.14);
}
.person-card:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}

/* faixa lateral de alerta removida em 24/08/2026 — Davi pediu pra tirar
   faixa lateral em várias telas ao longo da sessão (Avisos, Motoboy,
   Celulares/Chips/Notebooks), e essa aqui — escondida nesse arquivo
   separado (neon.css), com brilho animado — era a causa real do
   problema persistindo mesmo depois de limpar o style.css várias vezes.
   As classes faixa-alerta/faixa-atencao/faixa-ok/faixa-info continuam
   podendo ser usadas no HTML sem quebrar nada — só não fazem mais
   nada visualmente (sem CSS correspondente). */

/* ── BARRA DE ATIVIDADE ────────────────────────────────────────
   Faixa fina, no topo de seções que mostram algo "ao vivo" (alertas,
   pendências do dia). Simplificada em 24/08/2026: era um trecho
   "correndo" com brilho, agora é só a cor sólida discreta. */
.barra-atividade{
  height:2px; border-radius:2px; overflow:hidden; margin-bottom:14px;
  background:var(--accent);
}
.barra-atividade.verde{ background:#2a9db0; }
.barra-atividade.ambar{ background:var(--amber); }
.barra-atividade.azul{ background:var(--blue); }
.barra-atividade.laranja{ background:var(--laranja); }

/* ── BOTÃO PRIMÁRIO ────────────────────────────────────────────*/
.btn-primary{
}
.btn-primary:active{ transform:scale(.97); }

/* ── ITEM ATIVO DO MENU ────────────────────────────────────────*/
/* faixa lateral removida em 24/08/2026 — a sidebar já usa um "pill"
   com fundo colorido (sem faixa nenhuma) desde o redesign anterior;
   essa faixa aqui, escondida nesse arquivo, ficava sobreposta ao pill
   de um jeito que destoava do visual limpo já decidido. */

/* ── BADGE DE CONTAGEM ──────────────────────────────────────────
   O contador de solicitações pendentes pisca discretamente quando
   tem algo esperando — puxa o olho sem ser irritante. */
.sb-badge{
}

/* ── LINHAS DA TABELA ───────────────────────────────────────────*/
/* hover com faixa lateral removido em 24/08/2026 — o style.css já trata
   o hover de forma mais discreta (só muda o fundo da linha), essa
   regra aqui, escondida nesse arquivo, adicionava uma faixa por cima
   que ninguém tinha pedido. */

/* faixa lateral das linhas de celular/chip/notebook removida em
   24/08/2026 — mesma decisão já tomada no style.css (a bolinha de
   status já é suficiente, estilo Linear). Essa era a cópia escondida
   nesse arquivo separado, usando box-shadow em vez de border-left, por
   isso nunca aparecia numa busca por "border-left". */

/* ── AJUSTES DO TEMA CLARO ─────────────────────────────────────*/
[data-theme="light"] .neon-line.forte{ box-shadow:none; }

/* ── ACESSIBILIDADE: respeita "reduzir movimento" ──────────────*/
/* ── IMPRESSÃO: documento é documento, sem efeito nenhum ───────*/
@media print{
  .neon-line, .barra-atividade{ display:none !important; }
  .kpi::after, .led::after{ display:none !important; }
  .kpi::before, .led, .badge, .btn-primary, .sb-badge{ box-shadow:none !important; }
  .kpi-val{ text-shadow:none !important; }
  .person-card::after{ display:none !important; }
  .card:hover, .person-card:hover{ box-shadow:none !important; }
}