:root{color-scheme:dark;--plano:#0d0d0d;--superficie:#1a1a19;--tinta:#ffffff;--tinta-2:#c3c2b7;--tinta-fraca:#898781;--linha:#2c2c2a;--anel:rgba(255,255,255,0.1);--cor-ok:#0ca30c;--cor-degradado:#fab219;--cor-fora:#d03b3b}*{box-sizing:border-box}body{margin:0;background:var(--plano);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.pagina{max-width:72rem;margin:0 auto;padding:2rem 1.5rem 3rem}.cabecalho h1{margin:0;font-size:1.4rem}.cabecalho p{margin:.35rem 0 0;color:var(--tinta-2);font-size:.9rem}.estado-da-sonda{margin:1rem 0 0;color:var(--tinta-fraca);font-size:.85rem}.aviso-sonda{margin:1rem 0 0;padding:.6rem .9rem;border:1px solid var(--cor-fora);border-radius:6px;color:var(--tinta);font-size:.9rem}.cartoes{margin-top:1.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));grid-gap:1rem;gap:1rem}.cartao{background:var(--superficie);border:1px solid var(--anel);border-radius:8px;padding:1rem 1.1rem}.cartao h2{margin:0;font-size:1rem}.cartao .url{margin:.15rem 0 .8rem;color:var(--tinta-fraca);font-size:.78rem;word-break:break-all}.situacao{display:flex;align-items:baseline;gap:.6rem}.ponto{width:.65rem;height:.65rem;border-radius:50%;align-self:center;flex:none}.ponto.ok{background:var(--cor-ok)}.ponto.degradado{background:var(--cor-degradado)}.ponto.fora{background:var(--cor-fora)}.rotulo-estado{font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.latencia{margin-left:auto;font-size:1.25rem;font-weight:600}.latencia small{color:var(--tinta-fraca);font-size:.7em;font-weight:400}.detalhe{margin:.45rem 0 0;color:var(--tinta-2);font-size:.85rem}.historico{margin-top:.9rem;border-top:1px solid var(--linha);padding-top:.7rem}.historico svg{display:block;width:100%;height:3rem}.historico .legenda{margin:.3rem 0 0;display:flex;justify-content:space-between;color:var(--tinta-fraca);font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sem-metricas{margin:.6rem 0 0;color:var(--tinta-fraca);font-size:.78rem}.metricas{margin-top:.8rem;border-top:1px solid var(--linha);padding-top:.7rem;display:grid;grid-gap:.7rem;gap:.7rem}.metricas .bloco h3{margin:0;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2)}.metricas .origem{margin:.1rem 0 .4rem;color:var(--tinta-fraca);font-size:.72rem}.metricas .aviso-bloco{margin:0;color:var(--cor-degradado);font-size:.78rem}.metricas .numeros{margin:0;padding:0;list-style:none;display:flex;gap:1.1rem}.metricas .numeros .valor{display:block;font-size:1.1rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metricas .numeros .rotulo{color:var(--tinta-fraca);font-size:.72rem}.metricas .por-tipo{margin:.45rem 0 0;padding:0;list-style:none;display:grid;grid-gap:.15rem;gap:.15rem;font-size:.75rem;color:var(--tinta-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metricas .por-tipo li{display:flex;justify-content:space-between;gap:.5rem}.metricas .operacoes{width:100%;border-collapse:collapse;font-size:.72rem;color:var(--tinta-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metricas .operacoes th{text-align:right;font-weight:500;color:var(--tinta-fraca);padding-bottom:.2rem}.metricas .operacoes td:first-child,.metricas .operacoes th:first-child{text-align:left;word-break:break-all}.metricas .operacoes td{text-align:right;padding:.1rem 0;border-top:1px solid var(--linha)}