/* =============================================================
   Modo Apresentacao - aplicado quando body.presentation-mode
   Esconde chrome (sidebar, header de busca, filtros) e maximiza
   o espaco dos KPIs para visualizacao em TV/projetor.
   ============================================================= */

body.presentation-mode {
    overflow: hidden;
}

body.presentation-mode aside, /* sidebar de cockpit */
body.presentation-mode .ticker-track, /* live ticker */
body.presentation-mode header [data-search],
body.presentation-mode header [data-filter-group],
body.presentation-mode [data-action="presentation"] {
    display: none !important;
}

/* Aumenta numeros gigantes para impactar mais */
body.presentation-mode .num-hero {
    font-size: 128px !important;
    line-height: 1;
}

body.presentation-mode .display.text-3xl { font-size: 48px !important; }
body.presentation-mode .display.text-2xl { font-size: 40px !important; }

/* Espacamento mais generoso entre cards */
body.presentation-mode main { padding: 24px !important; }
body.presentation-mode .grid > * { gap: 24px !important; }

/* Indicador de "ao vivo" mais notavel */
body.presentation-mode .pulse-dot {
    width: 12px !important; height: 12px !important;
}

/* Esconde fade/scrollbars - visual mais limpo */
body.presentation-mode ::-webkit-scrollbar { display: none; }
body.presentation-mode * { scrollbar-width: none; }

/* Rotacao automatica entre abas (D opcional Fase 2 - JS controla) */
body.presentation-mode.rotating .tab-pane:not(.active-rotation) {
    display: none;
}

/* Animacao de entrada das abas durante rotacao */
body.presentation-mode .tab-pane {
    animation: presentationFade 0.6s ease-out;
}

@keyframes presentationFade {
    from { opacity: 0; transform: scale(0.98); }
    to   { opacity: 1; transform: scale(1); }
}

/* Botao de sair do modo (canto superior direito flutuante) */
body.presentation-mode::after {
    content: "Modo Apresentacao · ESC para sair";
    position: fixed;
    top: 16px;
    right: 16px;
    padding: 8px 14px;
    background: rgba(15, 22, 40, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 999px;
    font-size: 11px;
    color: #94A3B8;
    z-index: 9999;
    font-family: 'Inter', sans-serif;
}