/* TubeDirector V5.1 — correção de flicker no hover da navegação.
   A V3 combinava scale + filter:brightness + z-index no botão;
   isso invalidava superfícies vizinhas com backdrop-filter do Liquid Glass.
   Não mudar o layout, dados ou as funções; estabilizar apenas a composição. */

/* Mantém o botão dentro da própria camada, sem criar uma nova a cada hover. */
.side-nav { isolation: isolate; }
.side-nav .nav-item,
.side-nav .nav-item:hover,
.side-nav .nav-item:focus-visible {
  transform: none !important;
  filter: none !important;
  z-index: auto !important;
  backface-visibility: visible !important;
  will-change: auto !important;
}
.side-nav .nav-item {
  transition: background-color .18s ease, border-color .18s ease,
              box-shadow .22s ease, color .18s ease !important;
}
.side-nav .nav-item:not(.active):hover {
  background: linear-gradient(100deg, rgba(25,102,191,.23), rgba(99,45,193,.23)) !important;
  border-color: rgba(132,157,251,.25);
  box-shadow: inset 0 1px 0 rgba(197,215,255,.11),
              0 0 13px rgba(94,83,249,.16);
}
/* Feedback 'dock' só no ícone — não transforma o contêiner que força o repintar dos cards. */
.side-nav .nav-item > svg {
  transition: transform .22s cubic-bezier(.2,.85,.25,1.15),color .2s ease !important;
  transform-origin: 50% 50%;
}
@media (hover: hover) and (pointer: fine) {
  .side-nav .nav-item:hover > svg { transform: scale(1.10); }
}

/* Os quatro KPIs não precisam promover o card inteiro à GPU no hover. */
.kpi-strip .kpi-cell,
.kpi-strip .kpi-cell:hover {
  transform: none !important;
  filter: none !important;
  z-index: auto !important;
  backface-visibility: visible !important;
  will-change: auto !important;
}
.kpi-strip .kpi-cell:hover:is(button) {
  background: rgba(60,142,255,.12);
}
.kpi-strip .kpi-cell svg {
  transition: transform .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  .kpi-strip .kpi-cell:hover svg { transform: scale(1.07); }
}

/* O brilho interno ficava com z-index:-1 em superfícies translúcidas.
   Isso pode levar o browser a recompô-lo por trás do backdrop e desenhar
   a conhecida faixa vertical. Mantenha o brilho acima do fundo do painel. */
.kpi-strip,
.performance-panel {
  isolation: isolate;
  backface-visibility: visible !important;
  will-change: auto !important;
  background-clip: padding-box;
}
.kpi-strip::before,
.performance-panel::before {
  z-index: 0 !important;
  pointer-events: none !important;
}
.kpi-strip > *,
.performance-panel > * {
  position: relative;
  z-index: 1;
}
/* Evita mover pixels de grandes superfícies com blur só porque o cursor mudou.
   Preserva o backdrop-filter estático do Liquid Glass. */
.kpi-strip:hover,
.performance-panel:hover,
.glass-panel:hover {
  filter: none !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .side-nav .nav-item > svg,
  .kpi-strip .kpi-cell svg { transition:none!important; transform:none!important; }
}