/*
===============================================================================
  GENESIS VISION EXTENSIONS - Estilos das extensões do Vision Analytics
===============================================================================
  Cobre os módulos complementares:
   - .gvo-* (GenesisVisionObjects)
   - .gvp-* (GenesisVisionProfile)
   - .gvm-* (GenesisVisionMetricsPlus)
*/

/* ==========================================================================
   OBJETOS / MATERIAIS
   ========================================================================== */
.gvo-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-bottom: 8px;
}
.gvo-cell{
  background: rgba(0, 240, 255, .04);
  border: 1px solid rgba(0, 240, 255, .12);
  border-radius: 6px;
  padding: 6px 4px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  transition: .2s;
}
.gvo-icon{ font-size: 16px; line-height: 1; }
.gvo-count{
  font-family: 'Orbitron', sans-serif;
  font-size: 14px;
  font-weight: 900;
  color: rgba(0, 240, 255, .5);
  transition: color .2s, text-shadow .2s;
}
.gvo-count.gvo-active{
  color: #00f0ff;
  text-shadow: 0 0 6px rgba(0, 240, 255, .6);
}
.gvo-label{
  font-size: 8px;
  letter-spacing: 1px;
  color: rgba(0, 240, 255, .7);
  text-transform: uppercase;
}
.gvo-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 6px;
}
.gvo-chip{
  padding: 3px 8px;
  background: rgba(0, 240, 255, .1);
  border: 1px solid rgba(0, 240, 255, .3);
  border-radius: 10px;
  font-size: 10px;
  color: #e0f7ff;
  font-family: 'Rajdhani', sans-serif;
  animation: gvoChipIn .25s;
}
@keyframes gvoChipIn{
  from { opacity: 0; transform: scale(.85); }
}
.gvo-status{
  font-size: 10px;
  color: rgba(255, 170, 0, .75);
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1.5px;
  padding: 4px 6px;
  text-align: center;
  font-style: italic;
}


/* ==========================================================================
   PERFIL VISUAL (heurística estimativa)
   ========================================================================== */
.gvp-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 6px 0 4px;
}
.gvp-chip{
  padding: 3px 8px;
  background: rgba(0, 240, 255, .05);
  border: 1px solid rgba(0, 240, 255, .2);
  border-radius: 10px;
  font-size: 10px;
  color: rgba(0, 240, 255, .75);
  font-family: 'Rajdhani', sans-serif;
}
.gvp-chip strong{ color: #00f0ff; font-weight: 700; }
.gvp-disclaimer{
  font-size: 8px;
  color: rgba(255, 170, 0, .75);
  font-family: 'Rajdhani', sans-serif;
  font-style: italic;
  padding: 4px 0;
  letter-spacing: 0.5px;
}


/* ==========================================================================
   MÉTRICAS AVANÇADAS + ALERTAS
   ========================================================================== */
.gvm-alerts{
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.gvm-alert{
  padding: 6px 10px;
  background: rgba(255, 170, 0, .12);
  border-left: 3px solid #fa0;
  border-radius: 4px;
  font-size: 11px;
  color: #fd8;
  letter-spacing: 0.3px;
  animation: gvmSlide .25s;
  font-family: 'Rajdhani', sans-serif;
}
.gvm-alert.danger{
  background: rgba(255, 0, 85, .12);
  border-left-color: #f05;
  color: #f88;
}
@keyframes gvmSlide{
  from { opacity: 0; transform: translateX(-6px); }
  to { opacity: 1; transform: translateX(0); }
}
.gvm-alert-empty{
  font-size: 10px;
  color: rgba(0, 255, 136, .65);
  font-family: 'Orbitron', sans-serif;
  letter-spacing: 1.5px;
  text-align: center;
  padding: 6px;
}


/* ==========================================================================
   TEMA CLARO - adaptações
   ========================================================================== */
body.light-theme .gvo-cell{
  background: rgba(0, 168, 222, .04);
  border-color: rgba(0, 136, 200, .2);
}
body.light-theme .gvo-count{ color: rgba(0, 136, 200, .5); }
body.light-theme .gvo-count.gvo-active{ color: #0088c8; }
body.light-theme .gvo-label{ color: rgba(0, 136, 200, .7); }
body.light-theme .gvo-chip{
  color: #18222f;
  background: rgba(0, 168, 222, .08);
  border-color: rgba(0, 136, 200, .3);
}
body.light-theme .gvp-chip{ color: rgba(0, 100, 140, .8); }
body.light-theme .gvp-chip strong{ color: #0088c8; }


/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width: 600px){
  .gvo-grid{ grid-template-columns: repeat(2, 1fr); }
}