/*
===============================================================================
  GENESIS CAMERA MAXIMIZE - Câmera em tela cheia + GVA flutuante transparente
===============================================================================
  Ativa ao clicar no botão ⛶ na miniatura da câmera.
  Câmera ocupa toda a tela; Vision Analytics fica sobreposto translúcido.
*/

/* ==========================================================================
   BOTÃO MAXIMIZAR no header da miniatura (prefix .gct-btn já existe)
   ========================================================================== */
.gct-btn.gct-maximize-btn{
  /* herda visual dos outros botões do header da câmera */
}
.gct-btn.gct-maximize-btn:hover{
  background: rgba(0, 240, 255, .35);
  box-shadow: 0 0 10px #00f0ff;
}


/* ==========================================================================
   ESTADO MAXIMIZADO - câmera ocupa toda a viewport
   ========================================================================== */
.gct-mini.gct-maximized{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  max-height: 100vh !important;
  border-radius: 0 !important;
  border-width: 0 !important;
  border-bottom: 1px solid rgba(0, 240, 255, .3) !important;
  resize: none !important;
  opacity: 1 !important;
  z-index: 150 !important;
  transform: none !important;
  transition: none;
  animation: gctMaxIn .35s cubic-bezier(.4, 0, .2, 1);
}
@keyframes gctMaxIn{
  from { opacity: 0.3; transform: scale(0.92); }
  to   { opacity: 1;   transform: scale(1); }
}

/* Header na versão maximizada - um pouco maior e com borda mais forte */
.gct-mini.gct-maximized .gct-header{
  height: 44px;
  padding: 8px 18px 8px 20px;
  background: linear-gradient(180deg, rgba(0, 240, 255, .25), rgba(0, 240, 255, .12));
  border-bottom: 1px solid rgba(0, 240, 255, .45);
  font-size: 12px;
}
.gct-mini.gct-maximized .gct-title{
  font-size: 12px;
  letter-spacing: 3px;
}
.gct-mini.gct-maximized .gct-btn{
  width: 30px;
  height: 30px;
  font-size: 14px;
}

/* Vídeo maximizado - cobrir toda a área */
.gct-mini.gct-maximized video{
  object-fit: cover;
  width: 100%;
  height: calc(100% - 44px);
}

/* Canvas overlay (gco) acompanha o novo tamanho */
.gct-mini.gct-maximized .gco-overlay{
  top: 44px;
}

/* Labels do overlay maiores para melhor visibilidade em tela cheia */
.gct-mini.gct-maximized .gco-status,
.gct-mini.gct-maximized .gco-coords{
  font-size: 12px;
  padding: 6px 12px;
}
.gct-mini.gct-maximized .gco-label{
  font-size: 11px;
  padding: 4px 10px;
}


/* ==========================================================================
   QUANDO CÂMERA MAXIMIZADA: Vision Analytics sobe como janela flutuante
   translúcida (75% opaca / 25% transparente) sobre o vídeo
   ========================================================================== */
body.camera-maximized .gva-dashboard{
  z-index: 200 !important;
  opacity: 0.75;                      /* 25% transparente */
  transition: opacity .25s;
  backdrop-filter: blur(18px) saturate(1.3);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  box-shadow: 0 14px 50px rgba(0, 240, 255, 0.35),
              0 0 0 1px rgba(0, 240, 255, 0.25);
}
body.camera-maximized .gva-dashboard:hover{
  opacity: 0.98;                      /* quase opaco ao interagir */
}


/* ==========================================================================
   QUANDO CÂMERA MAXIMIZADA: esconde HUDs principais para "modo cinema"
   ========================================================================== */
body.camera-maximized .hud-top,
body.camera-maximized .hud-left,
body.camera-maximized .hud-right,
body.camera-maximized .hud-bottom,
body.camera-maximized .chat-container,
body.camera-maximized .ai-status,
body.camera-maximized #three-canvas{
  filter: blur(2px);
  opacity: 0.15;
  transition: opacity .3s, filter .3s;
}


/* ==========================================================================
   TEMA CLARO - ajustes
   ========================================================================== */
body.light-theme .gct-mini.gct-maximized{
  border-bottom-color: rgba(0, 136, 200, .35) !important;
}
body.light-theme.camera-maximized .gva-dashboard{
  box-shadow: 0 14px 50px rgba(0, 136, 200, 0.3),
              0 0 0 1px rgba(0, 136, 200, 0.25);
}