{{--
    Tema "Plenário Feira Grande" (Configuracao::visual_quorum_painel_publico
    === 'plenario_feiragrande').

    APRESENTAÇÃO APENAS. Incluído por resultado-ao-vivo.blade.php DENTRO do
    elemento raiz do componente — por isso herda, sem duplicar nada:
      - o wire:poll.2s da raiz (troca de sessão, eventos de som/overlay);
      - o escopo Alpine da raiz (overlay, dados, bipCurto/bipLongo);
      - o botão "Ativar som do painel".
    Toda regra (qual tela mostrar, quem votou o quê, voto secreto, quórum,
    fila, cronômetro) continua vindo de App\Livewire\Publico\ResultadoAoVivo
    ($this->estadoBase, $this->vereadoresComPresenca, $this->contagem,
    $this->votosPorVereador, ...). Nada aqui decide estado — só desenha,
    no visual homologado do PHP puro de Feira Grande (feiragrande/public/
    painel.php): grade de quórum como base e as demais telas como camadas
    por cima dela.

    ATENÇÃO (mesma armadilha documentada em resultado-ao-vivo.blade.php):
    nesta pasta só se usa a forma INLINE da diretiva de PHP do Blade
    (arroba-php seguida de parênteses). Nunca a forma de bloco.
--}}
@php($config = \App\Models\Configuracao::atual())
@php($fgEstado = $this->estadoBase)
@php($fgVereadores = $this->vereadoresComPresenca)
@php($fgTotal = $fgVereadores->count())
{{-- Dimensionamento da grade de quórum pela quantidade de vereadores —
     mesma tabela do applyQuorumSizing() do PHP homologado
     (cardMin, avatar, padding, gap, nome, badge). --}}
@php($fgQ = match (true) { $fgTotal >= 26 => [210, 58, 14, 12, 0.95, 0.82], $fgTotal >= 22 => [230, 64, 15, 12, 0.98, 0.84], $fgTotal >= 18 => [260, 72, 16, 13, 1.02, 0.86], $fgTotal >= 14 => [300, 80, 18, 14, 1.08, 0.88], default => [380, 96, 24, 16, 1.20, 0.95] })
{{-- Largura mínima dos cards de votação — mesma tabela de renderVoteModal() do PHP. --}}
@php($fgVotoMin = match (true) { $fgTotal >= 28 => 220, $fgTotal >= 24 => 230, $fgTotal >= 20 => 240, $fgTotal >= 16 => 260, $fgTotal >= 12 => 300, default => 340 })

<div class="lg-publico-php"
     style="--cardMin:{{ $fgQ[0] }}px; --avatarSize:{{ $fgQ[1] }}px; --cardPad:{{ $fgQ[2] }}px; --cardGap:{{ $fgQ[3] }}px; --nameSize:{{ $fgQ[4] }}rem; --badgeSize:{{ $fgQ[5] }}rem">

    @include('livewire.publico.temas.plenario-feiragrande._estilo')

    <div class="fg-wrap">
        @include('livewire.publico.temas.plenario-feiragrande._cabecalho')

        {{-- Tela BASE: sem sessão (modo institucional já existente), mensagem
             e suspensa ocupam a base; em todos os outros estados a base é a
             grade de quórum (como no PHP), com a tela do estado por cima. --}}
        @if($fgEstado === 'sem_sessao')
            @include('livewire.publico.partials.modo-institucional', ['dados' => $this->dadosInstitucionais])
        @elseif($fgEstado === 'mensagem' || $fgEstado === 'suspensa')
            @include('livewire.publico.temas.plenario-feiragrande._estados')
        @else
            @include('livewire.publico.temas.plenario-feiragrande._quorum')
        @endif
    </div>

    {{-- Camadas por cima da base, uma por estado (estadoBase() decide qual). --}}
    @if($fgEstado === 'projecao')
        @include('livewire.publico.temas.plenario-feiragrande._projecao')
    @elseif($fgEstado === 'votacao' && $this->materiaAtual)
        @include('livewire.publico.temas.plenario-feiragrande._votacao')
    @elseif($fgEstado === 'votacao_incidental' && $this->requerimentoEmVotacao)
        @include('livewire.publico.temas.plenario-feiragrande._votacao-incidental')
    @elseif($fgEstado === 'leitura' && $this->materiaEmLeitura)
        @include('livewire.publico.temas.plenario-feiragrande._leitura')
    @elseif(($fgEstado === 'fala' && $this->falaEmAndamento) || ($fgEstado === 'encaminhamento' && $this->materiaEmEncaminhamento))
        @include('livewire.publico.temas.plenario-feiragrande._fala')
    @elseif($fgEstado === 'fila' || $fgEstado === 'uso_da_palavra')
        @include('livewire.publico.temas.plenario-feiragrande._fila')
    @endif

    {{-- Overlays disparados por eventos (resultado / pedido de vistas) —
         mesmas variáveis Alpine `overlay`/`dados` da raiz do componente. --}}
    @include('livewire.publico.temas.plenario-feiragrande._overlays')
</div>