:root{--fundo:#f6f4ef;--superficie:#fff;--texto:#173f38;--secundario:#526562;--destaque:#087f70;--suave:#e5f0eb;--borda:#d8e0da;--sobre:#fff;--erro:#a22635;--sombra:0 18px 65px #173f380b;--raio:22px;color-scheme:light}
:root[data-theme=escuro]{--fundo:#202a38;--superficie:#303d50;--texto:#f5f7fa;--secundario:#bcc9da;--destaque:#7fb7ff;--suave:#354b67;--borda:#485970;--sobre:#102238;--erro:#ffb5bc;--sombra:0 18px 65px #0002;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme=claro]){--fundo:#202a38;--superficie:#303d50;--texto:#f5f7fa;--secundario:#bcc9da;--destaque:#7fb7ff;--suave:#354b67;--borda:#485970;--sobre:#102238;--erro:#ffb5bc;--sombra:0 18px 65px #0002;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--destaque);outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:clamp(30px,3vw,42px);letter-spacing:-1.3px;line-height:1.15}h2{font-size:25px;letter-spacing:-.7px}p{margin-top:12px}button{color:inherit}a{color:inherit}.topo{min-height:98px;display:flex;justify-content:space-between;align-items:center;padding:14px clamp(20px,4vw,64px);border-bottom:1px solid var(--borda);gap:18px}.marca{text-decoration:none;display:flex;align-items:center;gap:20px;min-width:0}.logo{width:82px;height:68px;object-fit:contain}.marca>span{font-size:20px;letter-spacing:-.5px;border-left:1px solid var(--borda);padding-left:20px;white-space:nowrap}.marca strong{font-weight:500}.escuro{display:none}:root[data-theme=escuro] .claro{display:none}:root[data-theme=escuro] .escuro{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=claro]) .claro{display:none}:root:not([data-theme=claro]) .escuro{display:block}}.tema{font-size:13px;color:var(--secundario);display:flex;gap:10px;align-items:center}.tema select{border:1px solid var(--borda);border-radius:12px;background:var(--superficie);color:var(--texto);padding:9px 12px}.entrada{max-width:1180px;min-height:calc(100vh - 170px);margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:100px;padding:60px 32px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--destaque)}.apresentacao h1{font-size:clamp(48px,6vw,78px);letter-spacing:-3.5px;margin-top:22px}.apresentacao>p{max-width:400px;color:var(--secundario);font-size:19px;margin-top:25px}.selo{margin-top:42px;display:flex;gap:10px;align-items:center;font-size:13px;color:var(--secundario)}.ponto{background:var(--destaque);height:8px;width:8px;display:inline-block;border-radius:50%;flex-shrink:0}.cartao{border:1px solid var(--borda);background:var(--superficie);border-radius:var(--raio);box-shadow:var(--sombra)}.login{padding:38px}.login h2{margin-top:10px}.secundario{color:var(--secundario)}.login .secundario{font-size:14px}.login form{margin-top:28px}label{display:block;font-size:14px;font-weight:600}input{display:block;width:100%;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);border-radius:12px;padding:13px 14px;margin:8px 0 20px;min-width:0}input::placeholder{color:var(--secundario);opacity:.8}.senha{display:flex;align-items:stretch;border:1px solid var(--borda);background:var(--fundo);border-radius:12px;margin-top:8px}.senha input{border:0;background:transparent;margin:0}.senha button{border:0;background:transparent;color:var(--destaque);font-size:12px;font-weight:700;padding:10px}.primario{width:100%;background:var(--destaque);color:var(--sobre);border:0;padding:14px 18px;border-radius:12px;margin-top:26px;font-weight:700;display:flex;justify-content:space-between}.nota{color:var(--secundario);font-size:12px}.login>.nota{margin-top:24px;text-align:center}.erro{color:var(--erro);border:1px solid currentColor;border-radius:12px;padding:12px 15px;font-size:14px;margin:18px 0}.espera{padding:100px 20px;text-align:center;color:var(--secundario)}.rodape{display:flex;justify-content:space-between;padding:22px clamp(20px,4vw,64px);font-size:12px;color:var(--secundario);border-top:1px solid var(--borda);gap:20px}.plataforma{display:grid;grid-template-columns:235px 1fr;min-height:calc(100vh - 166px)}.lateral{border-right:1px solid var(--borda);padding:34px 22px;display:flex;flex-direction:column;gap:20px}.nav{display:flex;width:100%;border:0;background:transparent;border-radius:12px;gap:12px;align-items:center;padding:14px;font-weight:600;font-size:15px;text-align:left;margin:6px 0}.nav.ativo{background:var(--suave);color:var(--destaque)}.nav:hover,.secundario-botao:hover{background:var(--suave)}.conta{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:65px;min-width:0}.conta>div{min-width:0}.conta strong{display:block;font-size:13px;overflow-wrap:anywhere}.conta span:not(.avatar){display:block;font-size:12px;color:var(--secundario)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--suave);color:var(--destaque);display:grid;place-items:center;flex-shrink:0;font-weight:700}.secundario-botao{background:var(--superficie);border:1px solid var(--borda);border-radius:12px;padding:10px 15px;font-size:14px}.conteudo{padding:40px clamp(22px,3.5vw,60px);min-width:0}.titulo{display:flex;justify-content:space-between;gap:20px;align-items:center}.titulo h1{margin-top:8px}.titulo .secundario{font-size:14px}.filtros{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 24px}.filtros label{width:min(100%,390px);font-size:12px;color:var(--secundario)}.filtros input{margin-bottom:0;background:var(--superficie)}.filtros>span{font-size:13px;color:var(--secundario);white-space:nowrap}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:24px}.camera{overflow:hidden;box-shadow:none}.imagem{position:relative;aspect-ratio:16/9;background:var(--suave);display:grid;place-items:center;overflow:hidden}.imagem img{width:100%;height:100%;object-fit:cover}.imagem .sem-imagem{color:var(--secundario);font-size:13px;padding:15px;text-align:center}.status{display:inline-flex;align-items:center;gap:7px;background:var(--superficie);border:1px solid var(--borda);border-radius:100px;padding:6px 10px;font-size:13px;font-weight:600}.imagem .status{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px)}.status.offline .ponto{background:var(--secundario)}.status.desconhecido .ponto{background:#c38b3c}.camera-info{padding:19px 20px 21px}.camera h2{font-size:18px;line-height:1.45;letter-spacing:-.3px;overflow-wrap:anywhere}.camera p{font-size:13px;color:var(--secundario);margin-top:6px}.camera-rodape{display:flex;gap:10px;justify-content:space-between;margin-top:22px;padding-top:14px;border-top:1px solid var(--borda);font-size:13px;color:var(--secundario)}.camera-rodape span{overflow-wrap:anywhere}.vazio{padding:40px;text-align:center;color:var(--secundario)}.totais{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.total{padding:22px}.total strong{display:block;font-size:35px;font-weight:600;letter-spacing:-1.5px}.total span{font-size:12px;color:var(--secundario)}.tabela{padding:25px;margin-top:24px;box-shadow:none}.tabela h2{font-size:20px}.rolagem{overflow-x:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--secundario);font-weight:600}th,td{padding:14px 16px;border-bottom:1px solid var(--borda)}td:first-child,th:first-child{padding-left:0}tbody tr:last-child td{border-bottom:0}.tabela .nota{margin-top:5px}
@media(min-width:1600px){.grade{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.conteudo{max-width:1900px;width:100%;margin:auto}}
@media(max-width:900px){.entrada{gap:40px;grid-template-columns:1fr 1fr}.login{padding:26px}.plataforma{grid-template-columns:180px 1fr}.lateral{padding:25px 14px}.totais{grid-template-columns:repeat(2,1fr)}.marca>span{display:none}}
@media(max-width:640px){.topo{min-height:80px;padding:10px 20px}.logo{width:65px;height:56px}.tema{font-size:0}.tema select{font-size:13px}.entrada{display:block;padding:28px 20px 40px;min-height:0}.apresentacao{margin-bottom:30px}.apresentacao h1{font-size:42px;letter-spacing:-1.8px}.apresentacao h1 br{display:none}.apresentacao>p{font-size:16px;margin-top:14px}.selo{display:none}.login{padding:26px}.plataforma{display:block}.lateral{border-right:0;border-bottom:1px solid var(--borda);padding:12px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.lateral>.eyebrow,.conta{display:none}.lateral nav{display:flex;gap:5px;flex:1}.nav{font-size:13px;padding:10px;width:auto;margin:0}.lateral>#sair{font-size:12px;padding:9px}.conteudo{padding:28px 20px}.titulo{align-items:flex-start}.titulo h1{font-size:28px}.titulo>.secundario-botao{font-size:12px;padding:9px}.filtros{margin-top:25px;gap:12px}.totais{gap:12px}.total{padding:16px}.tabela{padding:20px}.rodape{padding:18px 20px;font-size:11px}.filtros>span{white-space:normal;text-align:right}.titulo .secundario{font-size:13px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s ease,opacity .15s ease}}

.autenticacao{max-width:640px;margin:45px auto;padding:0 20px;min-height:calc(100vh - 260px)}.autenticacao h2{margin-top:12px}.qr{display:block;width:240px;max-width:100%;height:auto;padding:10px;background:white;border-radius:15px;margin:24px auto}details{margin:20px 0}summary{cursor:pointer;color:var(--destaque);font-size:14px}.segredo{display:block;margin-top:15px;padding:15px;background:var(--suave);font-size:16px;overflow-wrap:anywhere;user-select:all}.texto-botao{display:block;border:0;background:transparent;padding:12px 0;color:var(--destaque);font-size:14px}.autenticacao .secundario-botao{margin:18px 0 5px}.codigos{display:block;width:100%;margin:22px 0;border:1px solid var(--borda);background:var(--fundo);color:var(--texto);border-radius:12px;padding:15px;font:13px/1.9 monospace;resize:vertical;overflow:auto}.configuracao-seguranca{max-width:660px;margin-top:30px}.configuracao-seguranca label{margin-top:25px}.configuracao-seguranca .secundario-botao{margin-top:18px}.configuracao-seguranca h2{margin-top:0}#mfa-codigo{font-size:22px;letter-spacing:2px}#mfa-cancelar{margin-top:12px}@media(max-width:640px){.lateral nav{flex-wrap:wrap}.nav{font-size:12px}.autenticacao{margin:25px auto}.qr{width:220px}}

.admin-acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:20px 0}.editor-admin{padding:28px;margin-top:24px;box-shadow:none}.campos-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.campos-admin input{margin-bottom:0}.campos-admin select{width:100%;margin-top:8px;padding:13px 14px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);font:inherit}.editor-admin fieldset{border:1px solid var(--borda);border-radius:12px;padding:18px;margin:25px 0 12px;min-width:0}.editor-admin legend{padding:0 8px;font-size:15px}.opcoes-admin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.opcoes-admin label{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere;font-weight:400}.opcoes-admin input{width:18px;height:18px;margin:2px 0;flex-shrink:0;accent-color:var(--destaque)}.busca-admin{display:flex;align-items:center;gap:16px;margin-top:18px}.busca-admin label{flex:1;max-width:400px}.busca-admin input{margin-bottom:0}.paginacao-admin{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:20px;font-size:13px;color:var(--secundario)}.acao-tabela{min-width:170px}.acao-tabela button{margin:4px}.tabela td{white-space:normal;overflow-wrap:anywhere;min-width:85px}.tabela td:nth-child(2){min-width:180px}.tabela .secundario-botao{white-space:nowrap}.tabela button:disabled{opacity:.5}.campos-admin input:read-only{opacity:.8}@media(max-width:700px){.campos-admin,.opcoes-admin{grid-template-columns:1fr}.editor-admin{padding:20px}.busca-admin{align-items:flex-end}.paginacao-admin{gap:8px}.paginacao-admin button{padding:9px}.tabela table{min-width:620px}}

/* 4.49.1: linhas compartilhadas nas duas colunas do cadastro de cliente. */
.colunas-cliente{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(5,auto);gap:22px 36px;margin-top:28px;align-items:start}
.colunas-cliente>section{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:22px;min-width:0}
.colunas-cliente h3{font-size:18px;line-height:24px;margin:0}
.colunas-cliente .cliente-campo{display:flex;flex-direction:column;gap:8px;min-width:0;align-self:start}
.colunas-cliente label,.colunas-cliente legend{margin:0;padding:0;font-size:14px;font-weight:600;line-height:20px}
.colunas-cliente input:not([type=radio]),.colunas-cliente select{display:block;width:100%;height:52px;margin:0;padding:13px 14px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);font:inherit;min-width:0}
.colunas-cliente .tipo-documento{display:block;border:0;margin:0!important;padding:0!important;min-width:0}
.colunas-cliente .tipo-documento legend{margin:0 0 8px}
.opcoes-documento{display:flex;align-items:center;gap:22px;height:52px;padding:0 14px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo)}
.opcoes-documento label{display:flex;align-items:center;gap:8px;font-weight:400}
.opcoes-documento input{width:18px;height:18px;margin:0;accent-color:var(--destaque)}
.cep-input{display:flex;gap:10px;align-items:stretch;min-width:0}
.colunas-cliente .cep-input input{flex:1;min-width:0}
.cep-input button{height:52px;white-space:nowrap;flex-shrink:0}
.colunas-cliente .campo-cep .nota{font-size:12px;line-height:18px;margin:0;min-height:18px}
.linha-numero{display:grid;grid-template-columns:minmax(145px,1fr) 2fr;gap:18px;align-items:start}
.linha-cidade{display:grid;grid-template-columns:2fr minmax(130px,1fr);gap:18px;align-items:start}
.editor-admin details{margin:20px 0}
@media(max-width:1050px){.colunas-cliente{grid-template-columns:1fr;grid-template-rows:none;gap:28px}.colunas-cliente>section{display:flex;flex-direction:column;gap:20px;grid-row:auto}.colunas-cliente .cliente-campo,.colunas-cliente .linha-numero,.colunas-cliente .linha-cidade{width:100%}}
@media(max-width:380px){.linha-numero,.linha-cidade{grid-template-columns:1fr;gap:18px}.cep-input{gap:7px}.cep-input button{padding:10px;font-size:12px}}

@media(max-width:640px){#admin>.titulo{flex-wrap:wrap;gap:16px}}

/*4.50: formulário de câmera com alturas e alinhamento uniformes.*/
.campos-camera{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-top:24px;align-items:start}
.campos-camera label{display:flex;flex-direction:column;gap:8px;line-height:20px;margin:0;min-width:0}
.campos-camera input,.campos-camera select{display:block;width:100%;height:52px;margin:0;padding:13px 14px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);font:inherit;min-width:0}
#dados-rtmp{margin-top:24px;max-width:760px}#dados-rtmp textarea{width:100%;display:block;margin:8px 0 20px;padding:14px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo);color:var(--texto);font:14px/1.6 monospace;resize:vertical;overflow-wrap:anywhere}
@media(max-width:1050px){.campos-camera{grid-template-columns:1fr}}

.localizacao-camera{margin:26px 0;border:1px solid var(--borda);border-radius:14px;padding:20px}.localizacao-camera h3{margin-top:0}.localizacao-camera .cep-input{margin-top:8px}.localizacao-camera .cep-input input{margin:0}.locais-google{margin:18px 0;padding:16px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo)}.atribuicao-google{display:block;font-family:Arial,sans-serif;font-style:normal;font-weight:400;font-size:14px;letter-spacing:normal;white-space:nowrap;color:#1f1f1f;margin-bottom:10px}[data-theme=escuro] .atribuicao-google{color:#fff}@media(prefers-color-scheme:dark){:root:not([data-theme=claro]) .atribuicao-google{color:#fff}}#resultados-google button{display:block;width:100%;text-align:left;margin:10px 0;white-space:normal;overflow-wrap:anywhere}.localizacao-camera .cep-input button{height:auto;min-height:52px}#form-google-config{max-width:760px}#form-google-config button{margin:12px 0}#camera-local-selecionado{overflow-wrap:anywhere}@media(max-width:480px){.localizacao-camera{padding:14px}.localizacao-camera>.cep-input{flex-direction:column}.localizacao-camera .cep-input button{width:100%}}

/*4.51 — vídeo web com o mesmo tema do catálogo.*/
.abrir-camera{display:block;position:relative;width:100%;padding:0;border:0;color:var(--texto);font:inherit;text-align:left;background:var(--suave);overflow:hidden}
.abrir-camera:disabled{cursor:default;opacity:1}.abrir-camera .play-camera{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:white;font-size:30px;text-shadow:0 2px 10px #0009}
.abrir-camera .play-camera span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#173f3866;backdrop-filter:blur(3px)}
.abrir-camera:disabled .play-camera{display:none}.player-web{width:min(1100px,calc(100% - 32px));max-width:1100px;max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--superficie);color:var(--texto);overflow:auto;box-shadow:var(--sombra)}
.player-web::backdrop{background:#10202099;backdrop-filter:blur(4px)}.player-cabecalho{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:20px}.player-cabecalho>div{min-width:0}.player-cabecalho h2{overflow-wrap:anywhere;font-size:clamp(20px,2.2vw,28px)}.player-cabecalho p:empty{display:none}.player-cabecalho button{flex-shrink:0}
.player-quadro{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#101720}.player-quadro video{display:block;width:100%;height:100%;object-fit:contain;background:#101720}.player-barra{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:linear-gradient(transparent,#000b)}
.player-controle{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #ffffff44;border-radius:12px;background:#172534dd;color:#fff;font:inherit;min-height:44px;max-width:100%;white-space:normal}.player-controle svg{flex-shrink:0}.player-controle:disabled{opacity:.65;cursor:default}.player-retorno{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:16px}.player-retorno p{margin:0;color:var(--secundario);font-size:14px;overflow-wrap:anywhere}
.player-quadro:fullscreen{width:100vw;height:100dvh;border-radius:0;aspect-ratio:auto;background:#000}.player-quadro:fullscreen video{height:100%;width:100%;object-fit:contain}.player-quadro:fullscreen .player-barra{padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
@media(max-width:640px){.player-web{width:calc(100% - 16px);padding:14px;max-height:calc(100dvh - 16px);border-radius:18px}.player-cabecalho{flex-direction:column;align-items:stretch;gap:14px}.player-cabecalho button{align-self:flex-start}.player-barra{padding:8px;gap:8px}.player-controle{font-size:12px;padding:8px 10px}.player-retorno{align-items:flex-start;flex-direction:column}.player-cabecalho h2{font-size:21px}}

/*4.52 — DVR responsivo; períodos reais, sem preenchimento das lacunas.*/
.dvr-painel{margin-top:20px;padding:18px;border:1px solid var(--borda);border-radius:16px;background:var(--fundo)}.dvr-cabecalho{display:flex;align-items:center;justify-content:space-between;gap:12px}.dvr-cabecalho h3{font-size:17px;margin:0}.dvr-navegacao{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:14px 0}.dvr-navegacao label{font-size:13px;display:flex;flex-direction:column;gap:6px}.dvr-navegacao select,.dvr-busca input{border:1px solid var(--borda);border-radius:10px;background:var(--superficie);color:var(--texto);font:inherit;padding:10px;min-height:44px}.dvr-navegacao button{min-height:44px}.dvr-timeline{position:relative;height:44px;margin:18px 0 8px}.dvr-timeline svg{position:absolute;inset:14px 0;width:100%;height:12px;overflow:hidden}.dvr-timeline rect{fill:#1688e8}.dvr-timeline input{position:absolute;inset:0;width:100%;height:44px;margin:0;accent-color:var(--destaque);background:transparent}.dvr-timeline input::-webkit-slider-runnable-track{background:transparent;height:12px}.dvr-timeline input::-moz-range-track{background:transparent;height:12px}.dvr-eixo{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--secundario);font-size:12px}.dvr-eixo strong{font-weight:600;text-align:center}.dvr-busca{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-top:18px}.dvr-busca label{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:0;flex:1}.dvr-busca input{width:100%;margin:0;min-width:0;max-width:100%;height:46px}.dvr-busca button{min-height:46px}.dvr-painel .nota{margin:10px 0 0;font-size:12px;overflow-wrap:anywhere}.player-transporte{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.velocidade-player select{min-height:44px;border:1px solid #ffffff44;border-radius:10px;background:#172534;color:white;padding:8px;font:inherit}.player-barra{flex-wrap:wrap}.player-barra>#player-audio{margin-right:auto}.player-barra>#player-tela{margin-left:auto}.player-transporte button{font-size:13px;padding:8px}.player-quadro video{transition:transform .15s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.player-transporte{order:5;flex-basis:100%}.player-quadro{aspect-ratio:4/3}.player-quadro video{object-fit:contain}.dvr-painel{padding:12px}.dvr-eixo{font-size:10px}.dvr-eixo strong{font-size:11px}.dvr-busca button{width:100%}.player-barra>.player-controle{font-size:11px;padding:8px}.dvr-cabecalho button{font-size:12px}.dvr-navegacao{gap:7px}.dvr-navegacao button{font-size:12px;padding:9px}}

@media(max-width:680px){.player-barra>#player-audio,.player-barra>#player-tela{font-size:0;width:44px;min-width:44px;padding:8px}.player-barra>#player-audio svg,.player-barra>#player-tela svg{width:20px;height:20px}.player-barra>#player-zoom{min-height:44px}.player-transporte{justify-content:space-between}}

/* O range é só o marcador: não pintar o caminho até ele como gravação. */
#dvr-cursor{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;border-radius:0}
#dvr-cursor::-webkit-slider-runnable-track{background:transparent;border:0;box-shadow:none}
#dvr-cursor::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:28px;margin-top:-8px;border:2px solid var(--superficie);border-radius:4px;background:var(--destaque);box-shadow:0 1px 4px #0005}
#dvr-cursor::-moz-range-track,#dvr-cursor::-moz-range-progress{background:transparent;border:0;box-shadow:none}
#dvr-cursor::-moz-range-thumb{width:6px;height:26px;border:2px solid var(--superficie);border-radius:4px;background:var(--destaque)}

/*4.52.1 — tela dedicada: vídeo, timeline e comandos no mesmo player. */
.player-web{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;padding:20px clamp(16px,3vw,48px);border:0;border-radius:0;box-shadow:none;overflow:auto;overscroll-behavior:contain}
.player-web[open]{display:flex;flex-direction:column;gap:12px}
.player-web::backdrop{background:var(--fundo)}
.player-cabecalho{margin:0;gap:16px;flex-shrink:0}.player-cabecalho h2{margin:4px 0;font-size:clamp(19px,2vw,26px);line-height:1.25}.player-cabecalho p{margin:0;font-size:14px}.player-cabecalho .eyebrow{font-size:11px}
.player-quadro{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;height:auto;max-height:none;aspect-ratio:auto;overflow:hidden;background:var(--fundo);border:1px solid var(--borda);border-radius:16px}
.player-imagem{position:relative;overflow:hidden;background:#101720;height:auto;flex:1 1 auto;min-height:220px}
.player-imagem video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101720}
.dvr-painel{margin:0;padding:0 14px 8px;border:0;border-radius:0;background:var(--superficie)}
.dvr-timeline{margin:0;height:36px}.dvr-timeline svg{inset:12px 0;height:12px}.dvr-timeline input{height:36px}.dvr-eixo{font-size:12px;gap:10px}.dvr-eixo strong{font-size:12px}
.player-comandos{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--superficie);border-top:1px solid var(--borda)}
.player-comandos>#dvr-ao-vivo{flex-shrink:0;min-height:44px}
.player-barra{position:static;flex:1;display:flex;gap:8px;padding:0;background:none;flex-wrap:wrap;min-width:0}
.player-controle{border-color:var(--borda);color:var(--texto);background:var(--suave);font-size:13px;min-height:44px;padding:8px 12px;border-radius:10px}
.velocidade-player select{border-color:var(--borda);color:var(--texto);background:var(--suave)}
.player-transporte{flex:1;flex-wrap:nowrap;order:initial;flex-basis:auto}.player-barra>#player-audio{margin-right:0}.player-barra>#player-tela{margin-left:auto}
.player-pesquisa{padding:0 14px;background:var(--superficie);border-top:1px solid var(--borda)}
.player-pesquisa summary{min-height:44px;display:list-item;padding:12px 0;cursor:pointer;color:var(--secundario);font-size:13px}
.player-pesquisa-conteudo{display:flex;gap:18px;align-items:end;flex-wrap:wrap;padding-bottom:12px}.player-pesquisa .dvr-navegacao{margin:0;flex:1}.player-pesquisa .dvr-busca{margin:0;flex:1;min-width:280px}.player-pesquisa #dvr-fuso{flex-basis:100%;font-size:12px;margin:0;color:var(--secundario)}
.player-historico-status{margin:0;padding:6px 14px 10px;font-size:12px;color:var(--secundario);background:var(--superficie)}
.player-retorno{margin:0;min-height:20px;flex-shrink:0}.player-retorno p{font-size:13px}
.player-quadro:fullscreen{display:flex;overflow:auto;width:100vw;height:100dvh;max-height:none;background:var(--superficie);border:0}
.player-quadro:fullscreen .player-imagem{height:auto;min-height:120px;flex:1 1 auto}
.player-quadro:fullscreen video{height:100%;width:100%;object-fit:contain}
.player-quadro:fullscreen .player-barra{padding:0}
@media(max-width:780px){.player-web{padding:12px;gap:8px}.player-cabecalho{flex-direction:row;align-items:center;gap:10px}.player-cabecalho button{align-self:center;font-size:12px;padding:8px 10px}.player-cabecalho h2{font-size:18px}.player-cabecalho p{font-size:12px}.player-imagem{height:auto;min-height:200px}.player-comandos{flex-wrap:wrap;padding:8px;gap:6px}.player-barra{flex-basis:100%;gap:6px}.player-transporte{flex:1;order:initial;flex-basis:auto;gap:4px;justify-content:center}.player-controle{padding:8px;font-size:12px}.player-barra>#player-audio,.player-barra>#player-tela{font-size:0;min-width:44px;width:44px}.player-barra>#player-zoom{font-size:12px}.dvr-painel{padding:0 8px 8px}.dvr-eixo{font-size:10px}.dvr-eixo strong{font-size:11px}.player-pesquisa{padding:0 8px}.player-pesquisa .dvr-busca{min-width:0;flex-basis:100%}.player-quadro:fullscreen .player-imagem{height:auto}}
@media(max-width:430px){.player-transporte{order:5;flex-basis:100%;justify-content:center}.player-barra>#player-zoom{margin-left:auto}.player-barra>#player-tela{margin-left:0}.player-cabecalho button{max-width:110px}.player-pesquisa .dvr-navegacao{gap:6px}.player-pesquisa .dvr-navegacao button{padding:8px;font-size:12px}}

/*4.52.2: prévia privada durante o arraste, sem ampliar ou distorcer a imagem.*/
.dvr-previa{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101720;pointer-events:none}.dvr-previa[hidden],.dvr-previa-status[hidden]{display:none}.dvr-previa-status{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:8px 12px;border-radius:10px;background:#101720df;color:white;font-size:13px;pointer-events:none;overflow-wrap:anywhere}#dvr-cursor{cursor:default;touch-action:pan-y}
/*4.52.3 — experiência de visualização: vídeo e controles sobrepostos, câmeras ao lado.*/
.player-web[open]{display:block}.player-web{padding:20px clamp(14px,2.5vw,40px);background:var(--fundo)}
.player-cabecalho{margin-bottom:18px}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;align-items:start}.player-principal{min-width:0}
.player-quadro{position:relative;display:block;aspect-ratio:16/9;height:auto;min-height:280px;max-height:calc(100dvh - 160px);width:100%;border:0;border-radius:16px;background:#101720;isolation:isolate}
.player-quadro .player-imagem{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#101720}
.player-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:26px 12px 10px;background:linear-gradient(transparent,#081018d9 32%,#081018f0);opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}
.player-quadro.controles-ocultos .player-overlay{opacity:0;transform:translateY(12px);pointer-events:none}.player-quadro.controles-ocultos video{cursor:none}
.player-overlay .dvr-painel{padding:0 2px 6px;background:transparent;border:0}.player-overlay .dvr-eixo{color:#fff;font-size:11px}.player-overlay .dvr-eixo strong{font-size:12px;font-variant-numeric:tabular-nums}.player-overlay #dvr-cursor::-webkit-slider-thumb{border-color:#fff;background:#37a5ff}.player-overlay #dvr-cursor::-moz-range-thumb{border-color:#fff;background:#37a5ff}
.player-overlay .player-comandos{background:transparent;border:0;padding:0;gap:10px;flex-wrap:nowrap}.player-overlay .player-barra{background:transparent;flex-wrap:nowrap;padding:0;gap:6px;flex-basis:auto}.player-overlay .player-transporte{flex:1;order:initial;flex-basis:auto;justify-content:flex-start;gap:4px;min-width:0}
.player-overlay .player-controle{min-width:40px;min-height:44px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:13px;white-space:nowrap}.player-overlay .player-controle:hover,.player-overlay .player-controle:focus-visible{background:#ffffff24}.player-overlay .player-controle:focus-visible{outline:2px solid #fff;outline-offset:1px}.player-overlay .player-controle:disabled{opacity:.55}.player-overlay .velocidade-player select{border:0;background:#101b29b3;color:white;min-height:40px;padding:6px;font-size:13px;max-width:68px}
.player-overlay #player-audio,.player-overlay #player-tela,.player-overlay #player-busca-toggle{font-size:0;min-width:42px;width:42px;padding:8px;margin:0;flex-shrink:0}.player-overlay #player-busca-toggle svg{width:22px;height:22px}.player-overlay #player-zoom{font-size:12px;min-width:62px;margin-left:0}.player-overlay #player-tela{margin-left:0}
.player-overlay #dvr-ao-vivo{font-size:12px;color:white;background:transparent;border:1px solid #ffffff40;border-radius:18px;padding:7px 10px;white-space:nowrap;min-height:36px}.player-overlay #dvr-ao-vivo:disabled{opacity:1;color:#64dfa2;border-color:transparent;cursor:default}.player-overlay #dvr-ao-vivo:disabled::before{content:'●';margin-right:6px;font-size:9px}
.player-overlay .player-pesquisa{display:none;position:absolute;right:12px;bottom:calc(100% + 4px);width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 240px);overflow:auto;background:var(--superficie);border:1px solid var(--borda);border-radius:14px;padding:16px;color:var(--texto);box-shadow:0 6px 24px #0006}
.player-overlay .player-pesquisa[open]{display:block}.player-overlay .player-pesquisa summary{display:none}.player-overlay .player-pesquisa-conteudo{padding:0;gap:12px}.player-overlay .dvr-navegacao,.player-overlay .dvr-busca{flex-basis:100%}.player-overlay .dvr-navegacao button{font-size:12px;padding:8px}.player-overlay .dvr-busca{min-width:0}
.player-historico-status{background:transparent;padding:10px 2px 0;font-size:12px;line-height:1.5}.player-retorno{margin-top:8px}.player-quadro .dvr-previa-status{bottom:auto;top:12px;z-index:2}
.player-relacionadas{min-width:0}.player-relacionadas h3{font-size:17px;margin:0 0 6px}.player-relacionadas>.nota{font-size:12px;color:var(--secundario);margin:0 0 14px}.camera-relacionada{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:8px 0;border:0;border-radius:10px;background:transparent;color:var(--texto);text-align:left;cursor:pointer;font:inherit}.camera-relacionada:hover,.camera-relacionada:focus-visible{background:var(--suave)}.camera-relacionada:disabled{opacity:.65;cursor:default}.camera-relacionada img{width:112px;height:70px;object-fit:cover;border-radius:9px;background:var(--suave)}.camera-relacionada img.sem-miniatura{visibility:hidden}.relacionada-info{display:flex;flex-direction:column;gap:5px;min-width:0}.relacionada-info strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere;font-weight:600}.relacionada-info>span{font-size:13px;color:var(--secundario);overflow-wrap:anywhere}.relacionada-info small{font-size:12px;color:var(--secundario)}
.player-quadro:fullscreen{display:block;width:100vw;height:100dvh;min-height:0;max-height:none;aspect-ratio:auto;overflow:hidden;border-radius:0;background:#000}.player-quadro:fullscreen .player-imagem{position:absolute;inset:0;height:100%;min-height:0}.player-quadro:fullscreen .player-overlay{padding:32px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.player-quadro:fullscreen .player-barra{padding:0}
@media(max-width:1150px){.player-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.camera-relacionada{grid-template-columns:90px minmax(0,1fr);gap:8px}.camera-relacionada img{width:90px;height:60px}.player-overlay .player-comandos{gap:5px}.player-overlay .player-barra{gap:2px}.player-overlay .player-controle{padding:6px;min-width:36px}.player-overlay #player-zoom{min-width:54px}.player-overlay #dvr-ao-vivo{font-size:11px;padding:6px 8px}}
@media(max-width:980px){.player-layout{grid-template-columns:minmax(0,1fr)}.player-relacionadas{margin-top:12px}.player-relacionadas #relacionadas-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.camera-relacionada{grid-template-columns:112px minmax(0,1fr)}.camera-relacionada img{width:112px;height:70px}.player-quadro{min-height:260px;max-height:none}.player-cabecalho h2{font-size:21px}}
@media(max-width:600px){.player-web{padding:12px}.player-cabecalho{margin-bottom:12px}.player-cabecalho h2{font-size:18px}.player-relacionadas #relacionadas-lista{grid-template-columns:1fr}.player-quadro{aspect-ratio:4/3;min-height:240px}.player-overlay{padding:24px 6px 6px}.player-overlay .player-comandos{flex-wrap:wrap;gap:0}.player-overlay #dvr-ao-vivo{position:absolute;right:10px;top:0;min-height:28px;font-size:11px}.player-overlay .player-barra{flex-basis:100%;gap:1px}.player-overlay .player-transporte{order:initial;flex-basis:auto;justify-content:flex-start;gap:0}.player-overlay .player-controle{min-width:30px;min-height:40px;font-size:11px;padding:5px}.player-overlay #player-audio,.player-overlay #player-tela,.player-overlay #player-busca-toggle{min-width:36px;width:36px;padding:6px}.player-overlay #player-zoom{font-size:10px;min-width:46px}.player-overlay .velocidade-player select{max-width:55px;font-size:12px;padding:4px}.player-overlay .dvr-eixo>span{display:none}.player-overlay .dvr-eixo{justify-content:center}.player-overlay .dvr-eixo strong{font-size:11px}.player-overlay .player-pesquisa{right:6px;width:calc(100% - 12px);padding:12px;max-height:calc(100dvh - 200px)}.player-quadro:fullscreen{min-height:0;aspect-ratio:auto}.player-quadro:fullscreen .player-overlay{padding-left:8px;padding-right:8px}}
@media(prefers-reduced-motion:reduce){.player-overlay{transition:none}}
@media(max-width:430px){.player-overlay .player-barra{flex-wrap:wrap;gap:2px}.player-overlay .player-transporte{order:6;flex-basis:100%;justify-content:center;gap:8px}.player-overlay #player-busca-toggle{margin-left:auto}.player-overlay #player-zoom{min-width:54px;font-size:11px}}
.player-overlay .dvr-timeline svg{height:6px;inset:15px 0}.player-overlay #dvr-cursor::-webkit-slider-thumb{width:12px;height:12px;margin-top:0;border-width:2px;border-radius:50%}.player-overlay #dvr-cursor::-moz-range-thumb{width:10px;height:10px;border-width:2px;border-radius:50%}

.player-overlay .player-pesquisa{bottom:0;z-index:8}.player-overlay .player-pesquisa #player-busca-fechar{display:block;margin:0 0 12px auto;font-size:12px;min-height:36px;padding:6px 10px}
/* Mosaico4.53.1: topo compacto, padrões visuais e grade sem frestas. */
.mosaico-modal{width:min(1800px,99vw);max-width:99vw;max-height:98dvh;margin:auto;padding:12px;border:1px solid var(--borda);border-radius:14px;background:var(--fundo);color:var(--texto);overflow:auto;box-shadow:0 24px 90px #0005}.mosaico-modal::backdrop{background:#0b1627c4;backdrop-filter:blur(4px)}.mosaico-cabecalho{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:36px}.mosaico-cabecalho h2{font-size:17px;letter-spacing:-.3px;white-space:nowrap;margin-right:8px}.mosaico-modal input:not([type=checkbox]),.mosaico-modal select{height:34px;margin:0;min-width:0;padding:6px 9px;border:1px solid var(--borda);border-radius:7px;background:var(--superficie);color:var(--texto);font-size:13px}.mosaico-modal #mosaico-escolha{width:180px}.mosaico-modal #mosaico-nome{flex:1 1 140px;width:160px;max-width:300px}.mosaico-modal button{font-size:13px}.mosaico-modal .primario,.mosaico-modal .secundario-botao{width:auto;min-height:34px;height:34px;line-height:1.1;margin:0;padding:7px 11px;white-space:nowrap;border-radius:7px}.mosaico-cabecalho .mosaico-voltar{margin-left:auto;min-width:34px;padding:6px;font-size:17px}.mosaico-subbarra{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:8px 0}.mosaico-subbarra .nota{font-size:11px;margin:0;line-height:1.3}#mosaico-sujo{color:var(--destaque)}#mosaico-modelos{margin:0;position:relative;z-index:4}#mosaico-modelos summary{display:flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--borda);border-radius:7px;padding:5px 9px;min-height:34px;background:var(--superficie);font-size:12px;list-style:none}#mosaico-modelos summary::-webkit-details-marker{display:none}#mosaico-modelo-atual{display:flex}.mosaico-modelo-icone{display:grid;grid-template-columns:repeat(var(--modelo-colunas),minmax(0,1fr));grid-template-rows:repeat(var(--modelo-linhas),minmax(0,1fr));gap:2px;width:48px;height:32px}.mosaico-modelo-icone>span{background:var(--secundario);opacity:.65;border-radius:1px}.mosaico-modelo-icone.modelo-destaque>span:first-child{grid-row:span 2;grid-column:span 2}#mosaico-modelo-atual .mosaico-modelo-icone{width:29px;height:20px}.mosaico-modelos-painel{position:absolute;left:0;top:calc(100% + 6px);width:344px;max-width:calc(99vw - 30px);padding:12px;background:var(--superficie);color:var(--texto);border:1px solid var(--borda);border-radius:10px;box-shadow:0 10px 30px #0004}.mosaico-modelos-painel>strong{display:block;font-size:12px;margin-bottom:10px}#mosaico-padroes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mosaico-padrao{min-height:67px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:6px 3px;background:transparent;color:var(--texto)}.mosaico-padrao>span:last-child{font-size:10px;white-space:nowrap}.mosaico-padrao:hover{background:var(--suave)}.mosaico-padrao[aria-pressed=true]{border-color:var(--destaque);background:var(--suave)}.mosaico-corpo{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:10px;align-items:stretch;min-height:260px;height:calc(98dvh - 116px)}.mosaico-palco{position:relative;min-width:0;min-height:0;background:#101723;overflow:hidden;border:0;border-radius:0}.mosaico-grade{display:grid;grid-template-columns:repeat(var(--colunas,2),minmax(0,1fr));grid-template-rows:repeat(var(--linhas,2),minmax(0,1fr));gap:0;height:100%;width:100%;min-height:0;padding:0}.mosaico-quadro{position:relative;min-width:0;min-height:0;overflow:hidden;background:#101723;border:0;border-radius:0;color:#fff}.mosaico-quadro[draggable=true]{cursor:grab}.mosaico-quadro:active{cursor:grabbing}.mosaico-grade.com-destaque>.mosaico-quadro:first-child{grid-column:span 2;grid-row:span 2}.mosaico-quadro video,.mosaico-miniatura{position:absolute;width:100%;height:100%;inset:0;object-fit:fill;background:#101723}.mosaico-quadro video{visibility:hidden}.mosaico-com-video video{visibility:visible}.mosaico-com-video .mosaico-miniatura{display:none}.mosaico-nome-camera{position:absolute;top:0;left:0;right:0;padding:6px 8px 16px;background:linear-gradient(#000a,transparent);font-size:clamp(11px,.95vw,14px);line-height:1.25;overflow-wrap:anywhere;pointer-events:none}.mosaico-status{position:absolute;bottom:5px;left:6px;right:6px;font-size:10px;text-shadow:0 1px 4px #000;background:#10172390;border-radius:3px;padding:2px 4px;width:fit-content;max-width:calc(100% - 12px);pointer-events:none}.mosaico-quadro-controles{position:absolute;inset:auto 7px 7px auto;max-height:100%;overflow:hidden;padding:3px;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;border-radius:7px;background:#101723a8;opacity:0;visibility:hidden;transition:opacity .15s}.mosaico-quadro.controles-visiveis .mosaico-quadro-controles{opacity:1;visibility:visible}.mosaico-quadro-controles select{flex:1 1 100%;height:30px;font-size:11px;background:#253348;color:#fff;border-color:#637084}.mosaico-quadro-controles button{min-height:28px;padding:4px 7px;border-radius:5px;background:#253348;color:#fff;border:1px solid #637084;font-size:11px}.mosaico-drop{outline:2px solid var(--destaque);outline-offset:-2px}.mosaico-catalogo{padding:10px;border:1px solid var(--borda);border-radius:9px;background:var(--superficie);min-width:0;min-height:0;overflow:auto}.mosaico-catalogo h3{margin:0 0 9px;font-size:14px}.mosaico-catalogo label{margin:0;font-size:11px}.mosaico-catalogo input{width:100%;margin-top:5px!important}.mosaico-catalogo .nota{font-size:11px;margin:6px 0}#mosaico-cameras{display:flex;flex-direction:column;gap:5px;margin-top:9px}.mosaico-camera-lista{display:flex;align-items:center;gap:8px;text-align:left;background:var(--fundo);border:1px solid var(--borda);border-radius:7px;padding:5px;cursor:grab;min-width:0}.mosaico-camera-lista img{width:52px;height:36px;object-fit:cover;border-radius:3px;flex:none;background:var(--suave)}.mosaico-camera-lista span{font-size:11px;line-height:1.3;overflow-wrap:anywhere}.mosaico-sair-tela{display:none}.mosaico-palco:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0;margin:0;padding:0;background:#101723}.mosaico-palco:fullscreen .mosaico-grade{width:100%;height:100%;gap:0;padding:0;margin:0;border:0}.mosaico-palco:fullscreen .mosaico-quadro{border:0;border-radius:0;margin:0}.mosaico-palco:fullscreen .mosaico-sair-tela{display:block;position:absolute;right:12px;top:10px;padding:7px 10px;border-radius:6px;background:#101723dc;color:#fff;border:1px solid #a2b2c880;opacity:0;pointer-events:none;z-index:5}.mosaico-palco:fullscreen.mosaico-ui-ativa .mosaico-sair-tela,.mosaico-sair-tela:focus-visible{opacity:1;pointer-events:auto}.mosaico-palco:fullscreen .mosaico-nome-camera{font-size:clamp(11px,1vw,17px)}
@media(max-width:1100px){.mosaico-cabecalho h2{font-size:15px}.mosaico-modal #mosaico-escolha{width:145px}.mosaico-modal #mosaico-nome{max-width:190px}.mosaico-corpo{grid-template-columns:minmax(0,1fr) 190px;height:calc(98dvh - 150px)}}
@media(max-width:760px){.mosaico-modal{padding:8px}.mosaico-cabecalho{gap:6px}.mosaico-cabecalho h2{flex:1 1 120px}.mosaico-modal #mosaico-nome{max-width:none;flex:1 1 150px}.mosaico-modal #mosaico-escolha{width:145px}.mosaico-cabecalho .mosaico-voltar{margin-left:0}.mosaico-corpo{height:auto;grid-template-columns:minmax(0,1fr)}.mosaico-palco{height:55dvh;min-height:250px}.mosaico-catalogo{max-height:220px}#mosaico-cameras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mosaico-subbarra{gap:6px}.mosaico-subbarra #mosaico-mensagem{flex:1 1 100%}.mosaico-quadro-controles button{font-size:10px;padding:3px 5px}.mosaico-camera-lista img{width:42px;height:30px}}
@media(hover:none){.mosaico-modal .primario,.mosaico-modal .secundario-botao,.mosaico-modal input:not([type=checkbox]),.mosaico-modal select{min-height:40px;height:40px}.mosaico-padrao{min-height:74px}.mosaico-quadro.controles-visiveis .mosaico-quadro-controles{opacity:1;visibility:visible}.mosaico-quadro-controles button{min-height:36px}.mosaico-status{display:none}}

/* Isolamento temporário: não muda a composição salva nem reinicia a mídia. */
.mosaico-grade.camera-isolada{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.mosaico-grade.camera-isolada>.mosaico-quadro:not(.mosaico-em-foco){display:none}
.mosaico-grade.camera-isolada>.mosaico-quadro.mosaico-em-foco{grid-column:1;grid-row:1}
.mosaico-quadro-controles button{width:32px;height:30px;padding:3px;min-height:30px;font-size:15px;background:#182638b8;border-color:#c8d9ed55}
/* Biblioteca privada e recorte WEB4.54. */
.gravacoes-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0}.gravacao-card{min-width:0;overflow:hidden;border:1px solid var(--borda);border-radius:17px;background:var(--superficie)}.gravacao-capa{display:block;position:relative;width:100%;aspect-ratio:16/9;padding:0;border:0;background:var(--suave);overflow:hidden}.gravacao-capa img{width:100%;height:100%;object-fit:cover;display:block}.gravacao-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:white;text-shadow:0 2px 15px #0009;background:#0002;font-size:26px}.gravacao-capa:disabled{cursor:default}.gravacao-capa:disabled .gravacao-play{font-size:14px;background:#173f3844}.gravacao-textos{padding:16px}.gravacao-textos h2{font-size:19px;line-height:1.35;overflow-wrap:anywhere}.gravacao-textos p{margin-top:7px;overflow-wrap:anywhere;font-size:14px}.gravacao-acoes{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 16px}.gravacao-acoes .secundario-botao{margin:0;padding:7px 10px;min-height:36px;width:auto;font-size:13px;text-decoration:none}.gravacoes-paginacao{display:flex;justify-content:center;align-items:center;gap:12px}.gravacoes-paginacao button{width:auto;margin:0}#gravacoes-uso{width:100%;height:12px;accent-color:var(--destaque);margin:10px 0}.salvar-trecho-modal,.arquivo-player{padding:22px;background:var(--fundo);color:var(--texto);border:1px solid var(--borda);border-radius:18px;max-height:96dvh;overflow:auto;box-shadow:0 20px 80px #0005}.salvar-trecho-modal::backdrop,.arquivo-player::backdrop{background:#0b1627b8;backdrop-filter:blur(4px)}.salvar-trecho-modal{width:min(650px,96vw);max-width:96vw}.arquivo-player{width:min(1280px,98vw);max-width:98vw}.gravacoes-topo{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.gravacoes-topo h2{font-size:22px;overflow-wrap:anywhere}.gravacoes-topo .secundario-botao{width:auto;margin:0;white-space:nowrap}.gravacoes-topo .nota{font-size:12px;margin-top:4px}.salvar-trecho-modal label{font-size:13px;display:flex;flex-direction:column;gap:5px}.salvar-trecho-modal input{margin:0;height:44px;min-width:0;padding:8px 10px}.gravacoes-campos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.salvar-trecho-faixa{padding:12px;border:1px solid var(--borda);border-radius:12px;background:var(--superficie)}.salvar-trecho-faixa svg{display:block;width:100%;height:14px;background:var(--suave);margin-bottom:10px}.salvar-trecho-faixa rect{fill:#1688e8}.salvar-trecho-faixa input{height:30px;padding:0;accent-color:var(--destaque)}.salvar-trecho-modal .nota{font-size:12px}.arquivo-quadro{position:relative;aspect-ratio:16/9;min-height:240px;background:#101723;overflow:hidden;border-radius:12px}.arquivo-quadro video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.arquivo-controles{position:absolute;bottom:0;left:0;right:0;padding:30px 12px 10px;background:linear-gradient(transparent,#000d);color:#fff;transition:opacity .15s}.arquivo-controles-ocultos .arquivo-controles{opacity:0;pointer-events:none}.arquivo-controles>input{width:100%;margin:0;height:22px;accent-color:#66aeff;padding:0}.arquivo-barra{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px}.arquivo-barra button,.arquivo-barra select{font-size:12px;color:white;background:#253348c9;border:1px solid #ffffff55;border-radius:7px;padding:6px 8px;min-height:34px}.arquivo-barra label{font-size:12px}.arquivo-quadro:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border-radius:0}.arquivo-quadro:fullscreen .arquivo-controles{padding:35px 24px 18px}.arquivo-player #arquivo-mensagem{font-size:13px;margin-top:10px}
@media(max-width:1200px){.gravacoes-lista{grid-template-columns:repeat(2,minmax(0,1fr))}.player-barra{flex-wrap:wrap}}
@media(max-width:650px){.gravacoes-lista{grid-template-columns:1fr}.gravacoes-campos{grid-template-columns:1fr}.salvar-trecho-modal,.arquivo-player{padding:13px}.gravacoes-topo{align-items:start}.gravacoes-topo h2{font-size:19px}.gravacoes-topo .secundario-botao{white-space:normal;font-size:12px;padding:7px 9px}.arquivo-quadro{min-height:280px;aspect-ratio:4/3}.arquivo-barra{gap:4px}.arquivo-barra button,.arquivo-barra select{font-size:11px;padding:5px;min-height:34px}.arquivo-controles{padding:26px 7px 7px}}
.gravacoes-topo>div{min-width:0;flex:1}.gravacoes-topo>div p{overflow-wrap:anywhere}.arquivo-barra{min-width:0}.arquivo-barra #arquivo-tempo{white-space:nowrap}
.arquivo-quadro{width:100%;min-width:0}

/*4.54.2: arraste somente sobre o vídeo ampliado; comandos e timeline independentes.*/
.player-quadro.zoom-arrastavel video,.arquivo-quadro.zoom-arrastavel video{cursor:grab;touch-action:none;user-select:none;transform-origin:center center}.player-quadro.zoom-arrastando video,.arquivo-quadro.zoom-arrastando video{cursor:grabbing}

/*4.55 — navegação persistente e cadastros em abas, com identidade CSB.*/
:root{--topo-csb:52px;--lateral-csb:224px}
.pular-conteudo{position:fixed;left:12px;top:-80px;z-index:120;background:var(--superficie);padding:10px;border-radius:8px}.pular-conteudo:focus{top:8px}
.marca-lateral{display:none}
.sessao-aberta{padding-top:var(--topo-csb)}
.sessao-aberta>header.topo{position:fixed;inset:0 0 auto;height:var(--topo-csb);min-height:0;padding:0;background:var(--superficie);z-index:50;border-bottom:1px solid var(--borda)}
.sessao-aberta>header.topo>.marca{display:none}
.sessao-aberta .plataforma{display:block;min-height:calc(100dvh - var(--topo-csb))}
.sessao-aberta .lateral{position:fixed;top:var(--topo-csb);bottom:0;left:0;width:var(--lateral-csb);z-index:40;padding:20px 14px;overflow:auto;background:var(--superficie);gap:16px;border-right:1px solid var(--borda)}
.sessao-aberta .marca-lateral{display:flex;gap:10px;margin-bottom:8px}.marca-lateral .logo{width:46px;height:42px}.marca-lateral>span{font-size:17px;border:0;padding:0;white-space:normal}
.sessao-aberta .lateral .nav{padding:11px 10px;margin:3px 0;font-size:14px;gap:10px;min-height:43px}
.sessao-aberta .lateral .conta{margin-top:auto;padding-top:10px}.sessao-aberta .tema{font-size:11px;display:flex;flex-wrap:wrap;gap:6px}.sessao-aberta .tema select{width:100%;padding:7px;font-size:12px}
.sessao-aberta .conteudo{margin-left:var(--lateral-csb);padding:26px clamp(16px,2.7vw,40px);min-height:calc(100dvh - var(--topo-csb))}.sessao-aberta>.rodape{display:none}
.sessao-aberta #player-web,.sessao-aberta #arquivo-player,.sessao-aberta #mosaico-modal{position:fixed;inset:var(--topo-csb) 0 0 var(--lateral-csb);margin:0;width:calc(100% - var(--lateral-csb));max-width:none;height:calc(100dvh - var(--topo-csb));max-height:none;border:0;border-radius:0;z-index:30;background:var(--fundo);overflow:auto;padding:24px clamp(16px,2.5vw,36px)}
.sessao-aberta #mosaico-modal{padding:10px 12px}.sessao-aberta #player-web .player-cabecalho{flex-wrap:wrap;gap:10px}.sessao-aberta #player-web .player-cabecalho>div{flex:1;min-width:180px}.sessao-aberta #player-web .player-cabecalho button{font-size:12px;min-height:38px}
.abas-gerenciamento,.abas-camera{display:flex;gap:5px;overflow-x:auto;padding:4px 0 10px;border-bottom:1px solid var(--borda);margin:18px 0 22px;scrollbar-width:thin}
.abas-gerenciamento button,.abas-camera button{flex:none;border:0;border-radius:9px;background:transparent;color:var(--secundario);padding:10px 16px;font-size:14px;font-weight:650;min-height:42px;white-space:nowrap}
.abas-gerenciamento button[aria-selected=true],.abas-camera button[aria-selected=true]{color:var(--destaque);background:var(--suave);box-shadow:inset 0 -2px var(--destaque)}
.cabecalho-cadastro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.cabecalho-cadastro h2{font-size:21px}.cabecalho-cadastro button{width:auto;margin:0;min-height:40px}
.painel-admin-aba{min-width:0}.painel-admin-aba>.tabela{margin-top:16px}.painel-admin-aba>.editor-admin{margin-top:0}
#admin .totais{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#admin .total{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;box-shadow:none}#admin .total strong{font-size:20px}#admin .total span{font-size:12px}
.camera-ficha-cabecalho{display:flex;gap:16px;align-items:center;margin-bottom:18px}.camera-ficha-cabecalho img{width:124px;height:76px;object-fit:cover;border-radius:12px;background:var(--suave)}.camera-ficha-identidade{flex:1;min-width:0}.camera-ficha-identidade h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere}.camera-ficha-cabecalho button{flex:none;width:auto;margin:0;font-size:12px}
#admin.editando-camera #lista-cameras-admin{display:none}.abas-camera{margin-top:0}.abas-camera button{font-size:13px;padding:9px 13px}
#editor-camera{padding:22px;scroll-margin-top:calc(var(--topo-csb) + 12px)}
#editor-camera .campos-camera{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;align-items:start}#editor-camera .campos-camera label{display:flex;flex-direction:column;gap:7px;margin:0;font-size:13px}#editor-camera .campos-camera input,#editor-camera .campos-camera select{margin:0;width:100%;height:44px;padding:9px 12px}
#editor-camera [role=tabpanel]{min-height:150px;padding:4px 0 18px}#editor-camera .localizacao-camera{border:0;margin:0;padding:0}#editor-camera .localizacao-camera h3{margin:0 0 12px}#editor-camera .admin-acoes{border-top:1px solid var(--borda);padding-top:18px;margin-top:0;justify-content:flex-end}#editor-camera .admin-acoes button{margin:0;width:auto;min-height:40px}
#editor-camera #dados-rtmp{margin-top:16px}#editor-camera fieldset{margin-top:0}.editor-admin{scroll-margin-top:calc(var(--topo-csb) + 12px)}
@media(max-width:1100px){.sessao-aberta .player-layout{grid-template-columns:minmax(0,1fr)}.sessao-aberta .player-relacionadas #relacionadas-lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sessao-aberta #player-web .player-quadro{max-height:none}}
@media(max-width:700px){:root{--topo-csb:44px;--lateral-csb:72px}.sessao-aberta .lateral{padding:12px 7px;gap:12px}.sessao-aberta .marca-lateral{justify-content:center}.marca-lateral>span,.sessao-aberta .lateral>.eyebrow{display:none}.marca-lateral .logo{width:44px;height:40px}.sessao-aberta .lateral .nav{font-size:20px;justify-content:center;padding:10px 5px}.sessao-aberta .lateral .nav span{display:none}.sessao-aberta .conta>div{display:none}.sessao-aberta .conta{justify-content:center}.sessao-aberta .tema{font-size:0}.sessao-aberta .tema select{font-size:10px;padding:6px 1px;width:56px}.sessao-aberta #sair{font-size:11px;padding:8px 3px;white-space:normal}.sessao-aberta .conteudo{padding:20px 12px}.sessao-aberta #player-web,.sessao-aberta #arquivo-player{padding:16px 10px}.sessao-aberta #mosaico-modal{padding:6px}.abas-gerenciamento button{padding:9px 11px;font-size:13px}.camera-ficha-cabecalho{flex-wrap:wrap;gap:10px}.camera-ficha-cabecalho img{width:86px;height:56px}.camera-ficha-identidade h2{font-size:18px}.camera-ficha-cabecalho button{margin-left:auto}#editor-camera{padding:14px}#editor-camera .campos-camera{grid-template-columns:1fr;gap:14px}.sessao-aberta .player-relacionadas #relacionadas-lista{grid-template-columns:1fr}.cabecalho-cadastro{flex-wrap:wrap}.cabecalho-cadastro h2{font-size:19px}#admin .totais{gap:6px}#admin .total{padding:8px 10px}#admin .total span{font-size:11px}.abas-camera{gap:2px}.abas-camera button{padding:9px;font-size:12px}}
.sessao-aberta .conteudo{width:calc(100% - var(--lateral-csb));max-width:none;margin-right:0}
.sessao-aberta .lateral{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap}.sessao-aberta .lateral nav{display:block}.sessao-aberta .lateral .conta{display:flex}
.abas-gerenciamento{position:sticky;top:var(--topo-csb);z-index:12;background:var(--fundo)}
#editor-camera,.editor-admin{scroll-margin-top:calc(var(--topo-csb) + 84px)}

/*4.55.1 — logo e aparência no topo; navegação com ícones claros e fonte +1px.*/
:root{--topo-csb:98px}
.sessao-aberta>header.topo{height:var(--topo-csb);padding:14px clamp(20px,4vw,64px);gap:18px}
.sessao-aberta>header.topo>.marca{display:flex}
.sessao-aberta>header.topo .tema{display:flex;flex-wrap:nowrap;gap:10px;font-size:13px}
.sessao-aberta>header.topo .tema select{width:auto;min-width:0;font-size:13px;padding:9px 12px}
.sessao-aberta .lateral .nav{font-size:15px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;width:100%}
.icone-menu{display:block;width:20px;height:20px;flex-shrink:0}
@media(max-width:700px){:root{--topo-csb:80px}.sessao-aberta>header.topo{padding:10px 14px;gap:10px}.sessao-aberta>header.topo .logo{width:65px;height:56px}.sessao-aberta>header.topo .marca>span{display:none}.sessao-aberta>header.topo .tema{font-size:0;gap:0}.sessao-aberta>header.topo .tema select{font-size:12px;padding:8px;max-width:140px}.sessao-aberta .lateral .nav{grid-template-columns:1fr;justify-items:center;font-size:21px}}
.sessao-aberta .lateral .nav{gap:8px;padding-left:8px;padding-right:8px}.sessao-aberta .lateral .nav>span{white-space:nowrap;font-size:inherit}

/*4.56 — dados reais da transmissão, isolados dos campos editáveis.*/
.camera-stream{border:1px solid var(--borda);background:var(--fundo);border-radius:12px;padding:16px;margin:4px 0 18px}.stream-topo{display:flex;align-items:center;justify-content:space-between;gap:12px}.stream-topo h3{font-size:15px;margin:0}.stream-topo button{font-size:12px;margin:0;padding:7px 10px;min-height:34px;width:auto}.stream-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 10px}.stream-grade>div{min-width:0}.stream-grade dt{font-size:12px;color:var(--secundario)}.stream-grade dd{font-size:16px;font-weight:650;margin:4px 0 0;overflow-wrap:anywhere}.camera-stream>.nota{font-size:11px;line-height:1.5;margin-top:7px}
@media(max-width:1000px){.stream-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.camera-stream{padding:12px}.stream-topo{flex-wrap:wrap;gap:8px}.stream-grade{gap:12px}.stream-grade dd{font-size:14px}.stream-grade dt{font-size:11px}}