:root{color-scheme:dark;--fundo: #0b0d10;--superficie: #0e1115;--superficie-2: #11151a;--campo: #151a21;--borda: #1b2027;--borda-forte: #242b35;--linha: #141820;--ativo: #1a1f27;--texto: #e6e9ee;--texto-2: #8b95a3;--texto-3: #6c7684;--texto-dado: #aab3bf;--acento: #7c9cff;--erro: #ff7a7a;--erro-fundo: #2a1517;--aviso: #f5b85a;--aviso-fundo: #2a2112;--rede: #7c9cff;--rede-fundo: #141d33;--ok: #3ddc97;--ok-fundo: #10241c;--hover: var(--hover);--borda-hover: #313a47;--perigo-borda: #3a2226;--aviso-texto: #c7d3ff;--texto-celula: #c5ccd6;--texto-ativo: #fff;--codigo-fundo: #07090b;--codigo-texto: #9fb0c4;--outros: #4a5361;--veu: rgb(0 0 0 / .45);--sombra: rgb(0 0 0 / .4);--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--raio: 6px}:root[data-tema=claro]{color-scheme:light;--fundo: #f4f5f7;--superficie: #ffffff;--superficie-2: #f8f9fb;--campo: #ffffff;--borda: #e1e4e9;--borda-forte: #cfd5dd;--linha: #eceef2;--ativo: #e6ebf5;--texto: #14181f;--texto-2: #4c5664;--texto-3: #636d7a;--texto-dado: #3a4350;--acento: #3a5fd9;--erro: #c0262d;--erro-fundo: #fdecec;--aviso: #9a5a00;--aviso-fundo: #fff3dc;--rede: #3a5fd9;--rede-fundo: #e8edfc;--ok: #11774a;--ok-fundo: #e2f4ea;--hover: #eef2f8;--borda-hover: #aeb6c1;--perigo-borda: #efc3c5;--aviso-texto: #243a8c;--texto-celula: #262d37;--texto-ativo: #0b0d10;--codigo-fundo: #f2f4f7;--codigo-texto: #2c3949;--outros: #9aa3ae;--veu: rgb(15 20 30 / .3);--sombra: rgb(15 20 30 / .14)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--fundo);color:var(--texto);font:13px/1.45 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:17px}h2{font-size:14px}a{color:var(--acento)}:focus-visible{outline:2px solid var(--acento);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--raio);border:1px solid var(--borda-forte);background:var(--campo);color:var(--texto);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--borda-hover)}.btn:disabled{opacity:.55;cursor:default}.btn.primario{background:var(--acento);border-color:var(--acento);color:var(--fundo);font-weight:600}.btn.perigo{color:var(--erro);border-color:var(--perigo-borda)}.btn.discreto{background:transparent;border-color:transparent;color:var(--texto-2)}.btn.discreto:hover{color:var(--texto)}.campo{width:100%;padding:7px 10px;border-radius:var(--raio);border:1px solid var(--borda-forte);background:var(--campo);color:var(--texto);font:inherit}.campo::placeholder{color:var(--texto-3)}.campo:focus{border-color:var(--acento);outline:none}select.campo{width:auto;padding-right:28px;appearance:none;cursor:pointer;background:var(--campo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%238b95a3' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center}.rotulo{display:block;margin-bottom:4px;color:var(--texto-2);font-size:12px}.dica{margin:4px 0 0;color:var(--texto-3);font-size:11.5px}.mono{font-family:var(--mono);font-size:12px}.alerta{margin:0;padding:8px 10px;border-radius:var(--raio);background:var(--erro-fundo);color:var(--erro);font-size:12.5px}.alerta.ok{background:var(--ok-fundo);color:var(--ok)}.aviso{margin:0;padding:8px 10px;border-radius:var(--raio);background:var(--rede-fundo);color:var(--aviso-texto);font-size:12.5px}.badge{display:inline-block;padding:1px 6px;border-radius:4px;font-family:var(--mono);font-size:11px;background:var(--ativo);color:var(--texto-2)}.badge.erro{background:var(--erro-fundo);color:var(--erro)}.badge.aviso{background:var(--aviso-fundo);color:var(--aviso)}.badge.rede{background:var(--rede-fundo);color:var(--rede)}.badge.ok{background:var(--ok-fundo);color:var(--ok)}.tabela{position:relative;border:1px solid var(--borda);border-radius:8px;background:var(--superficie);overflow-x:auto}.tabela table{width:100%;border-collapse:collapse}.tabela th{text-align:left;font-size:11px;color:var(--texto-3);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap}.tabela td{padding:8px 10px;border-bottom:1px solid var(--linha);color:var(--texto-celula);white-space:nowrap}.tabela tr:last-child td{border-bottom:0}.tabela tr:focus{outline:1px solid var(--acento);outline-offset:-1px}.vazio{padding:40px 16px;text-align:center;color:var(--texto-2)}.veu-painel,.veu-dialogo{position:fixed;inset:0;z-index:30;background:var(--veu)}.painel{position:fixed;z-index:31;top:0;right:0;bottom:0;width:min(440px,100vw);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:16px 18px;background:var(--superficie);border-left:1px solid var(--borda-forte);box-shadow:-16px 0 32px var(--sombra)}.painel>header{display:flex;align-items:center;justify-content:space-between}.veu-dialogo{z-index:40}.dialogo{position:fixed;z-index:41;top:20vh;left:50%;transform:translate(-50%);width:min(420px,100vw - 32px);padding:18px;border-radius:10px;background:var(--superficie-2);border:1px solid var(--borda-forte)}.dialogo p{color:var(--texto-2);margin:8px 0 16px}.acoes{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.formulario{display:flex;flex-direction:column;gap:12px}.cabecalho{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cabecalho .btn.primario{margin-left:auto}.atualizar{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.atualizar .campo{padding-top:5px;padding-bottom:5px;font-size:12.5px}.secao{padding-top:12px;border-top:1px solid var(--borda);display:flex;flex-direction:column;gap:8px}pre.codigo{margin:0;padding:10px;border-radius:var(--raio);background:var(--codigo-fundo);border:1px solid var(--borda);color:var(--codigo-texto);font:11.5px/1.5 var(--mono);white-space:pre-wrap;word-break:break-all}.tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 8px;border-radius:4px;background:var(--rede-fundo);color:var(--rede);font:11.5px var(--mono)}.tag button{border:0;background:none;color:inherit;cursor:pointer;padding:0 4px;font:inherit}.linha-acoes{display:flex;gap:6px;justify-content:flex-end}.btn.pequeno{padding:3px 9px;font-size:12px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.temporaria{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.temporaria p{margin:0}.eventos tbody tr{cursor:pointer}.eventos tbody tr:hover td,.eventos tbody tr.on td{background:var(--hover)}.eventos tbody tr.on td:first-child{box-shadow:inset 2px 0 0 var(--acento)}.eventos .resumo{max-width:360px;overflow:hidden;text-overflow:ellipsis}.mais{justify-content:center;margin-top:12px}.titulo-evento{font-size:13px;word-break:break-all}dl.contexto{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:12.5px}dl.contexto dt{color:var(--texto-3)}dl.contexto dd{margin:0;word-break:break-all}details>summary{cursor:pointer;color:var(--texto-2)}.painel .mono{word-break:break-all}.visao{display:flex;flex-direction:column;gap:12px;transition:opacity .15s}.visao.recarregando{opacity:.55}.contadores{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.contadores>div{padding:10px 12px;border-radius:8px;background:var(--superficie-2);border:1px solid var(--borda);min-width:0}.contadores b{display:block;font-size:20px;font-weight:650;letter-spacing:-.02em}.contadores b.cor-erro{color:var(--erro)}.contadores b.cor-aviso{color:var(--aviso)}.contadores b.cor-rede{color:var(--rede)}.contadores b.cor-ok{color:var(--ok)}.contadores span{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-3)}.bloco{padding:12px 14px;border-radius:8px;background:var(--superficie-2);border:1px solid var(--borda);min-width:0}.bloco>header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin-bottom:8px}.bloco h2{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--texto-3)}.bloco .nada{margin:0;padding:16px 0;color:var(--texto-3);font-size:12.5px}p.vazio.bloco{margin:0}.grade-rank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rank{list-style:none;margin:0;padding:0}.rank .linha{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:6px;margin:0 -6px;border-radius:5px;color:var(--texto);text-decoration:none}.rank .linha:hover{background:var(--hover)}.rank .linha .nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank .linha .detalhe{color:var(--texto-2);font-family:var(--mono);font-size:11.5px}.rank .linha .n{color:var(--texto-dado);white-space:nowrap}.rank .linha .tendencia{margin-left:4px;color:var(--texto-3)}.rank .linha .tendencia.erro{color:var(--erro)}.rank .linha .tendencia.ok{color:var(--ok)}.rank .linha .barra{grid-column:1/-1;display:flex;gap:2px;height:4px;border-radius:2px;overflow:hidden;background:var(--borda)}.rank .linha .barra i{display:block;height:100%}.rank .linha .barra .s5xx{background:var(--erro)}.rank .linha .barra .s4xx{background:var(--aviso)}.rank .linha .barra .rede{background:var(--rede)}.rank .linha .barra .outros{background:var(--outros)}.principais{background:transparent;border:0;border-radius:0}.principais th:first-child,.principais td:first-child{padding-left:0}.principais .assinatura{display:block;max-width:52ch;overflow:hidden;text-overflow:ellipsis;color:var(--texto);text-decoration:none}.principais .assinatura:hover{color:var(--acento)}.principais .numero{text-align:right}.contadores.comunicados{grid-template-columns:repeat(4,minmax(0,1fr))}.consultado{margin:0}.cabecalho .btn.exportar{margin-left:auto}.cabecalho .btn.exportar+.btn.primario{margin-left:0}.dica-inline{color:var(--texto-3);font-size:11.5px}.situacoes{display:flex;flex-wrap:wrap;gap:3px}.situacoes .chip{padding:4px 9px;border-radius:5px;border:1px solid var(--borda-forte);background:transparent;color:var(--texto-2);font:inherit;font-size:12px;cursor:pointer}.situacoes .chip:hover{color:var(--texto)}.situacoes .chip.on{background:var(--texto);border-color:var(--texto);color:var(--fundo)}@media(max-width:767px){.campo,.atualizar .campo{font-size:16px}.btn{min-height:36px}.btn.pequeno{min-height:32px}.situacoes .chip{min-height:34px}.cabecalho{flex-wrap:wrap;row-gap:8px}.cabecalho:has(>.btn~.btn) h1{flex-basis:100%}.atualizar{flex:1 1 100%;justify-content:flex-start}.atualizar .dica-inline{flex-basis:100%}.atualizar .campo{flex:1;min-width:0}.contadores,.contadores.comunicados{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-rank{grid-template-columns:minmax(0,1fr)}.situacoes .chip{flex:1 1 auto}.tabela.empilhada{border:0;border-radius:0;background:transparent;overflow:visible}.tabela.empilhada table,.tabela.empilhada tbody,.tabela.empilhada tr,.tabela.empilhada td{display:block}.tabela.empilhada thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.tabela.empilhada tr{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:8px;padding:12px;border:1px solid var(--borda);border-radius:8px;background:var(--superficie)}.tabela.empilhada td{min-width:0;padding:0;border:0;white-space:normal;overflow-wrap:anywhere}.tabela.empilhada td[data-rotulo]:before{content:attr(data-rotulo);display:block;margin-bottom:2px;font:10.5px var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--texto-3)}.tabela.empilhada td:first-child,.tabela.empilhada td:last-child:not([data-rotulo]){flex-basis:100%}.tabela.empilhada td:first-child:not(.vazio){color:var(--texto);font-weight:600}.tabela.empilhada .linha-acoes{justify-content:flex-start;flex-wrap:wrap}.eventos.empilhada tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"hora status duracao" "resumo resumo resumo" "prefeitura prefeitura tipo";gap:6px 10px;align-items:center}.eventos.empilhada tbody tr:hover td,.eventos.empilhada tbody tr.on td{background:transparent}.eventos.empilhada tbody tr:hover{background:var(--hover)}.eventos.empilhada tbody tr.on{border-color:var(--acento);background:var(--hover)}.eventos.empilhada tbody tr.on td:first-child{box-shadow:none}.eventos.empilhada td:first-child:not(.vazio){font-weight:400;color:var(--texto-2)}.eventos.empilhada .hora{grid-area:hora}.eventos.empilhada .status{grid-area:status}.eventos.empilhada .duracao{grid-area:duracao;color:var(--texto-3)}.eventos.empilhada .resumo{grid-area:resumo;max-width:none;color:var(--texto)}.eventos.empilhada .prefeitura{grid-area:prefeitura;color:var(--texto-2);font-size:12px}.eventos.empilhada .tipo{grid-area:tipo;justify-self:end}.eventos.empilhada td.vazio{grid-column:1/-1}.principais.empilhada tr{margin:0;padding:10px 0;border:0;border-bottom:1px solid var(--linha);border-radius:0;background:transparent}.principais.empilhada tr:last-child{border-bottom:0}.principais.empilhada .assinatura{max-width:none;white-space:normal;font-weight:400}.principais.empilhada .numero{text-align:left}}
