:root{--fundo:#f1f5f9;--cartao:#ffffff;--texto:#0f172a;--suave:#64748b;--borda:#e2e8f0;--verde:#16a34a;--verde-f:#dcfce7;--amarelo:#ca8a04;--amarelo-f:#fef9c3;--vermelho:#dc2626;--vermelho-f:#fee2e2;--cinza:#94a3b8;--cinza-f:#f1f5f9;--tm-tinta:#1b232b;--tm-verde:#04a56a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--fundo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-text-size-adjust:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}.pagina{max-width:960px;margin:0 auto;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.topo h1{font-size:20px;margin:0}.topo .hora{font-size:13px;color:var(--suave);text-align:right}.voltar{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--suave);padding:8px 0;min-height:44px}.faixa{border-radius:14px;padding:14px 16px;margin-bottom:12px;font-size:15px;border-left:6px solid}.faixa.verde{background:var(--verde-f);border-color:var(--verde)}.faixa.amarelo{background:var(--amarelo-f);border-color:var(--amarelo)}.faixa.vermelho{background:var(--vermelho-f);border-color:var(--vermelho)}.faixa .det{margin-top:6px;font-size:13px;color:#334155}.faixa .det a{text-decoration:underline}.grade{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}@media (min-width:700px){.grade{grid-template-columns:1fr 1fr}}@media (min-width:1000px){.grade.tres{grid-template-columns:1fr 1fr 1fr}}.cartao{background:var(--cartao);border-radius:14px;padding:14px 16px;border:1px solid var(--borda);display:flex;gap:12px;align-items:flex-start;min-height:72px}a.cartao:active{background:#f8fafc}.bola{width:14px;height:14px;border-radius:50%;flex:0 0 14px;margin-top:4px}.bola.verde{background:var(--verde)}.bola.amarelo{background:var(--amarelo)}.bola.vermelho{background:var(--vermelho)}.bola.cinza{background:var(--cinza)}.cartao .corpo{flex:1 1;min-width:0}.cartao .nome{font-weight:600;font-size:17px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cartao .frase{font-size:15px;color:#334155;margin-top:2px}.cartao .falta{font-size:13px;color:var(--amarelo);margin-top:4px}.cartao .seta{color:var(--cinza);align-self:center;display:inline-flex}.selo{font-size:11px;font-weight:600;letter-spacing:.03em;padding:2px 6px;border-radius:6px;background:#e0e7ff;color:#3730a3}.selo,h2{text-transform:uppercase}h2{font-size:13px;color:var(--suave);letter-spacing:.04em;margin:20px 0 8px}.fornecedores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:8px;gap:8px}.forn{background:var(--cartao);border:1px solid var(--borda);border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:center;min-height:48px}.forn .bola{margin-top:0}.forn .n{font-weight:600;font-size:14px}.forn .t{font-size:12px;color:var(--suave)}.bloco{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:14px 16px}.bloco .cab{display:flex;gap:10px;align-items:center}.bloco .tit{font-size:13px;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}.bloco .fr{font-size:17px;font-weight:600;margin:4px 0 0 24px;overflow-wrap:anywhere}.bloco ul{margin:8px 0 0 24px;padding:0 0 0 16px;font-size:14px;color:#334155}.bloco li{margin:2px 0;overflow-wrap:anywhere}.rodape{margin-top:20px;font-size:12px;color:var(--suave);text-align:center}.botao{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 16px;border-radius:10px;background:var(--texto);color:#fff;font-size:15px;font-weight:600;border:0}.grupo{display:grid;grid-gap:8px;gap:8px;align-content:start}.grupo>summary{list-style:none;cursor:pointer}.grupo>summary::-webkit-details-marker{display:none}.grupo .abrir{color:var(--cinza);align-self:center;display:inline-flex;transition:transform .15s}.grupo[open] .abrir{transform:rotate(180deg)}.grupo[open]>summary{border-color:#cbd5e1}.filhos{display:grid;grid-gap:8px;gap:8px;padding-left:14px;border-left:3px solid var(--borda);margin-left:8px}@media (min-width:700px){.grupo[open]{grid-column:1/-1}}.cartao.filho{min-height:60px}.cartao.filho .nome{font-size:16px}.marca-topo{background:var(--tm-tinta);color:#fff;padding-top:env(safe-area-inset-top)}.marca-dentro{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}.marca-dentro img{display:block;height:33px;width:auto}.marca-nome{flex:1 1;min-width:0;line-height:1.15}.marca-nome strong{display:block;font-size:18px}.marca-nome span{font-size:11px;letter-spacing:.18em;color:#9fb0bd}.btn-atualizar{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid #33414d;background:transparent;color:#fff;font-size:14px;cursor:pointer}.btn-atualizar:disabled{opacity:.7}.girando{display:inline-flex;animation:girar 1s linear infinite}@keyframes girar{to{transform:rotate(1turn)}}.voltar-topo{color:#cbd5e1;display:inline-flex;align-items:center;gap:4px;min-height:44px}.kpis{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.kpi{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:12px 14px;min-width:0}.kpi-rosca{grid-column:1/-1}.kpi-tit{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.04em}.kpi-n{font-size:28px;font-weight:700;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-n small{font-size:14px;font-weight:500;color:var(--suave)}.kpi-s{font-size:12px;color:var(--suave)}@media (min-width:700px){.kpis{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}.kpi-rosca{grid-column:auto}}.rosca{display:flex;align-items:center;gap:14px;margin-top:4px}.rosca svg{flex:0 0 88px}.rosca-n{font-size:22px;font-weight:700;fill:var(--texto)}.rosca-t{font-size:9px;fill:var(--suave)}.legenda{list-style:none;margin:0;padding:0;font-size:14px;display:grid;grid-gap:4px;gap:4px}.legenda li{display:flex;align-items:center;gap:8px}.ponto{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.acoes{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.acao{background:var(--cartao);border:1px solid var(--borda);border-left:5px solid var(--cinza);border-radius:12px;padding:10px 10px 10px 12px;display:flex;gap:10px;align-items:center}.acao.alta{border-left-color:var(--vermelho)}.acao.media{border-left-color:var(--amarelo)}.acao-pri{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);width:62px;flex:0 0 62px}.acao-corpo{flex:1 1;min-width:0}.acao-txt{font-weight:600;font-size:15px}.acao-det{font-size:13px;color:var(--suave);margin-top:2px;overflow-wrap:anywhere}.acao-btn{flex:0 0 44px;height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--texto)}@media (max-width:420px){.acao{flex-wrap:wrap}.acao-pri{width:auto;flex:0 0 100%}.acao-corpo{flex:1 1}}.graficos{margin-top:20px}.painel-graf{background:var(--cartao);border:1px solid var(--borda);border-radius:14px;padding:14px 16px;min-width:0}.painel-graf h3{margin:0 0 10px;font-size:14px}.barras{list-style:none;margin:0;padding:0;grid-gap:8px}.barras,.barras li{display:grid;gap:8px}.barras li{grid-template-columns:minmax(0,7.5em) 1fr 4.2em;grid-gap:8px;align-items:center;font-size:13px}.b-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#334155}.b-trilho{height:12px;background:#f1f5f9;border-radius:4px;position:relative;overflow:hidden}.b-barra{left:0;top:0;bottom:0;background:var(--tm-tinta);border-radius:0 4px 4px 0}.b-barra,.b-fora{position:absolute}.b-fora{font-size:11px;color:var(--vermelho);font-weight:600;left:4px;top:-2px}.b-valor{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#334155}.linha{width:100%;height:auto;display:block}.linha .eixo{font-size:9px;fill:var(--suave)}.linha-vazia{font-size:13px;color:var(--suave);padding:18px 0}.entrar{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--tm-tinta)}.entrar-caixa{width:100%;max-width:380px;background:var(--cartao);border-radius:18px;padding:22px 20px;display:grid;grid-gap:12px;gap:12px}.entrar-marca{display:flex;align-items:center;gap:12px;background:var(--tm-tinta);color:#fff;border-radius:12px;padding:12px 14px;margin-bottom:4px}.entrar-marca img{height:36px;width:auto}.entrar-marca strong{display:block;font-size:17px}.entrar-marca span{font-size:11px;letter-spacing:.18em;color:#9fb0bd}.entrar label{display:grid;grid-gap:4px;gap:4px;font-size:14px;font-weight:600;color:#334155}.entrar input{font-size:17px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;min-height:48px;width:100%}.entrar input:focus{outline:2px solid var(--tm-verde);border-color:transparent}.entrar-dica{margin:0;font-size:14px;color:#334155}.entrar-regra{margin:-4px 0 0;font-size:12px;color:var(--suave)}.entrar-erro{background:var(--vermelho-f);color:#991b1b;border-radius:10px;padding:10px 12px;font-size:14px}.entrar-botao{width:100%;min-height:48px;background:var(--tm-verde)}.entrar-voltar{background:none;border:0;color:var(--suave);font-size:15px;min-height:44px;cursor:pointer}.entrar-rodape{margin:0;font-size:12px;color:var(--suave);text-align:center}.btn-sair{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid #33414d;background:transparent;color:#fff;cursor:pointer}