@font-face{font-family:Archivo;src:url(/fontes/archivo.ttf) format("truetype");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--preto:#060607;--card:#0e0e10;--card2:#141417;--borda:#222226;--texto:#ededef;--fraco:#8d8d96;--vazio:#26262b;--verde:#22c55e;--laranja:#f59e0b;--vermelho:#ef4444}
*{box-sizing:border-box}html,body{margin:0;background:var(--preto);color:var(--texto);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.topo{max-width:820px;margin:0 auto;padding:22px 16px 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.marca{display:flex;align-items:center;gap:10px;font:600 15px/1 Archivo,sans-serif;letter-spacing:.06em}.marca svg{width:26px;height:26px}.marca b{font-weight:800}
.aba{font-size:13px;font-weight:600;background:var(--card2);border:1px solid var(--borda);border-radius:8px;padding:5px 12px}
main{max-width:820px;margin:0 auto;padding:16px}
.geral{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:20px 22px;margin-bottom:22px}
.geral h1{margin:0;font:700 19px/1.3 Archivo,sans-serif}.geral small{color:var(--fraco)}
.ponto{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--vazio);color:#000}.ponto .ic{width:12px;height:12px;stroke-width:3}
.ponto.grande{width:26px;height:26px}.ponto.grande .ic{width:16px;height:16px}
.ok{--cor:var(--verde)}.parcial{--cor:var(--laranja)}.fora{--cor:var(--vermelho)}.vazio{--cor:var(--fraco)}
.ponto.ok,.ponto.parcial,.ponto.fora{background:var(--cor)}
.painel{background:var(--card);border:1px solid var(--borda);border-radius:14px;padding:6px 22px 10px}
.painel-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 6px;font-size:13px}
.pilula{font-size:12px;font-weight:600;color:var(--cor);border:1px solid var(--borda);border-radius:999px;padding:3px 11px;white-space:nowrap}
.servico{padding:16px 0;border-bottom:1px solid #18181c}.servico:last-child{border-bottom:0}
.linha{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.nome{display:flex;align-items:center;gap:9px;font-weight:600;min-width:0}
.up{font-size:12.5px;font-weight:600;color:var(--cor);white-space:nowrap}
.barras{display:flex;gap:2px;height:34px}.barras i{flex:1;min-width:0;border-radius:2px;background:var(--cor)}.barras i.vazio{background:var(--vazio)}.barras i:hover{opacity:.7}
.legenda{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--fraco)}.d30{display:none}
footer{text-align:center;color:var(--fraco);font-size:12px;padding:20px 16px 36px}footer a:hover{color:var(--texto)}
@media (max-width:640px){.barras i:nth-child(-n+60){display:none}.d90{display:none}.d30{display:inline}.geral{padding:16px}.geral h1{font-size:17px}.painel{padding:4px 16px 8px}}