:root{--fundo:#f7f7f8;--cartao:#fff;--borda:#e2e4ea;--texto:#1a1d23;--fraco:#5f6672;--ok:#12813f;--atencao:#9a6407;--ruim:#c02026;--acento:#1d5fd0;--ok-tinta:#2fbf711f;--ok-linha:#2fbf7166;--atencao-tinta:#e0a33e1f;--atencao-linha:#e0a33e66;--ruim-tinta:#e5484d1f;--ruim-linha:#e5484d66;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--fundo:#0f1115;--cartao:#171a21;--borda:#262b36;--texto:#e7e9ee;--fraco:#98a0b0;--ok:#2fbf71;--atencao:#e0a33e;--ruim:#e5484d;--acento:#4c8dff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.6}.topo{z-index:10;background:var(--fundo);border-bottom:1px solid var(--borda);position:sticky;top:0}.topo-linha{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;height:56px;margin:0 auto;padding:0 16px;display:flex}.marca{letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.marca svg{color:var(--ok);flex:none}.marca small{color:var(--fraco);margin-left:4px;font-size:13px;font-weight:400}.topo-acoes{align-items:center;gap:8px;display:flex}.frescor{color:var(--fraco);white-space:nowrap;font-size:13px}button.icone,button.pilula{border:1px solid var(--borda);height:36px;color:var(--fraco);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:border-color .12s,color .12s;display:inline-flex}button.icone{width:36px;padding:0}button.icone:hover,button.icone:focus-visible,button.pilula:hover,button.pilula:focus-visible{border-color:var(--acento);color:var(--acento);outline:none}button.icone[aria-busy=true] svg{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.pagina{flex-direction:column;gap:14px;max-width:1040px;margin:0 auto;padding:20px 16px 24px;display:flex}h2,h3{margin:0}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:16px}.cabeca{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;display:flex}.cabeca h3{color:var(--fraco);font-size:14px;font-weight:600}.cabeca span{color:var(--fraco);text-align:right;font-size:13px}.centro{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 16px;display:flex}.centro h2{font-size:18px}.centro p{color:var(--fraco);max-width:420px;margin:0;font-size:14px}.centro svg{color:var(--ok)}.erro{color:var(--ruim)}.resumo{border:1px solid var(--borda);border-radius:12px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.resumo.ok{background:var(--ok-tinta);border-color:var(--ok-linha)}.resumo.atencao{background:var(--atencao-tinta);border-color:var(--atencao-linha)}.resumo.critico{background:var(--ruim-tinta);border-color:var(--ruim-linha)}.resumo h2{letter-spacing:-.01em;align-items:center;gap:10px;font-size:24px;font-weight:600;display:flex}.resumo .ponto{width:10px;height:10px}.resumo p{color:var(--fraco);margin:0;font-size:13px}.ponto{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px}.ponto.atencao{background:var(--atencao)}.ponto.ruim{background:var(--ruim)}.ponto.desconhecido{background:var(--fraco)}.colunas{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.grade-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.colunas{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.grade{grid-template-columns:minmax(0,1fr)}}.luz,.medidor{border:1px solid var(--borda);border-radius:10px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex}.rotulo{color:var(--fraco);font-size:12px}.valor{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.valor.ok{color:var(--ok)}.valor.atencao{color:var(--atencao)}.valor.ruim{color:var(--ruim)}.valor.desconhecido{color:var(--fraco)}.medidor .valor{font-size:18px}.trilho{background:var(--ok-tinta);border-radius:2px;height:4px;margin-top:2px;position:relative}.trilho.atencao{background:var(--atencao-tinta)}.trilho.ruim{background:var(--ruim-tinta)}.trilho.desconhecido{background:var(--borda)}.preenchimento{background:var(--ok);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.trilho.atencao .preenchimento{background:var(--atencao)}.trilho.ruim .preenchimento{background:var(--ruim)}.trilho.desconhecido .preenchimento{background:var(--fraco)}.marca-limite{background:var(--fraco);opacity:.7;width:1px;height:10px;position:absolute;top:-3px}.legenda{color:var(--fraco);font-size:12px}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--borda);border-radius:999px;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;font-size:13px;display:inline-flex}.chip.ruim{color:var(--ruim);background:var(--ruim-tinta);border-color:var(--ruim-linha);font-weight:600}.alertas{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.alertas li{border-top:1px solid var(--borda);flex-direction:column;gap:6px;padding:12px 0;display:flex}.alertas li:first-child{border-top:0;padding-top:0}.alertas li:last-child{padding-bottom:0}.alerta-topo{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.selo{height:22px;color:var(--fraco);background:var(--borda);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.selo.critical{color:var(--ruim);background:var(--ruim-tinta)}.selo.warning{color:var(--atencao);background:var(--atencao-tinta)}.alerta-titulo{overflow-wrap:anywhere;min-width:0;font-size:15px;font-weight:600}.desde{color:var(--fraco);white-space:nowrap;font-size:12px}.alertas p{color:var(--fraco);margin:0;font-size:13px}.alertas code{color:var(--fraco);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}button.principal{border:1px solid var(--acento);background:var(--acento);color:#fff;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:600}button.link{color:var(--fraco);background:0 0;border:none;padding:6px;font-size:13px}.centro button:not(.principal){border:1px solid var(--borda);color:var(--texto);background:0 0;border-radius:8px;padding:10px 16px}.faixa-offline{background:var(--atencao-tinta);border:1px solid var(--atencao-linha);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.faixa-offline button.link{color:var(--acento);white-space:nowrap;padding:0}.faixa-atualizacao{background:#4c8dff1f;border:1px solid #4c8dff66;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.faixa-atualizacao strong{font-size:15px}.faixa-atualizacao ul{color:var(--fraco);margin:6px 0 0;padding-left:18px;font-size:13px}.faixa-atualizacao li{margin-top:2px}.faixa-atualizacao button{flex:none}.faixa-atualizacao .faixa-corpo{flex:1;min-width:0}.faixa-atualizacao .detalhe{color:var(--fraco);margin:8px 0 0;font-size:13px}.faixa-atualizacao .detalhe.erro{color:var(--ruim)}.faixa-atualizacao .detalhe button.link{color:var(--acento);padding:0;font-size:13px}.acoes-atualizacao{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.acoes-atualizacao .progresso{color:var(--fraco);font-variant-numeric:tabular-nums;padding:8px 0;font-size:13px}@media (width<=640px){.marca-longa{display:none}.pagina{padding:16px 16px 32px}button.icone,button.pilula{height:44px}button.icone{width:44px}.resumo{padding:16px}.resumo h2{font-size:22px}.luz,.medidor{padding:10px}.valor{font-size:15px}.alerta-topo{grid-template-columns:auto 1fr;gap:6px 10px}.selo{grid-area:1/1}.desde{grid-area:1/2;justify-self:end}.alerta-titulo{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){button.icone[aria-busy=true] svg{animation:none}button{transition:none}}
