/* ==========================================================================
   APROVIA · PÁGINAS INTERNAS
   Tokens tirados da home (site/index.html), que é a referência visual e NÃO
   carrega este arquivo. Prefixo --ap- para não colidir com as variáveis
   legadas de app.html (--verde guarda azul, por exemplo).
   Cresce tela a tela: cada bloco abaixo é de uma tela aprovada.
   ========================================================================== */
:root{
  /* cor — mesmos valores da home */
  --ap-escuro:#173B6D;     /* estrutura, seções escuras */
  --ap-escuro-2:#102B50;
  --ap-acao:#2563EB;       /* o que se clica */
  --ap-acao-forte:#1D4FD7;
  --ap-acao-claro:#5B9BFF; /* destaque sobre fundo escuro */
  --ap-tinta:#172033;
  --ap-tinta-2:#667085;
  --ap-papel:#F5F7FB;
  --ap-papel-2:#EAF2FF;
  --ap-branco:#FFFFFF;
  --ap-borda:#DCE3EC;
  --ap-ok:#067647;  --ap-ok-fundo:#ECFDF3;
  /* verde da marca (o ponto do logotipo) — cor COMPLEMENTAR, não de estado.
     #17B579 tem 2,65:1 no branco: só para grafismo (ponto, linha, preenchimento).
     Texto e ícone sobre claro usam --ap-verde-texto; sobre o azul-marinho, --ap-verde-claro. */
  --ap-verde:#17B579;        --ap-marca-verde:var(--ap-verde);
  --ap-verde-texto:#0B7A50;  /* 5,4:1 no branco */
  --ap-verde-claro:#3FD08F;  /* 5,7:1 no #173B6D */
  --ap-verde-suave:#E8F8F0;
  /* botão principal: verde da marca com texto preto (pedido do usuário, 18/10/2026).
     #0A0F1C sobre #17B579 = 7,7:1; o hover CLAREIA (#3FD08F, 10,6:1) — escurecer
     o verde derrubaria o contraste do texto preto. */
  --ap-botao:#17B579; --ap-botao-hover:#3FD08F; --ap-botao-texto:#0A0F1C;
  --ap-ambar:#B54708; --ap-ambar-fundo:#FFF4E5;
  --ap-ruim:#B42318;  --ap-ruim-fundo:#FEF3F2;
  /* forma e profundidade — mesmas da home */
  --ap-raio:14px; --ap-raio-cartao:16px; --ap-pilula:999px;
  --ap-sombra:0 1px 2px rgba(16,43,80,.06), 0 12px 32px rgba(16,43,80,.08);
  --ap-sombra-alta:0 24px 70px rgba(16,43,80,.18);
  /* espaço (base 8) */
  --ap-e1:4px; --ap-e2:8px; --ap-e3:12px; --ap-e4:16px; --ap-e5:24px; --ap-e6:32px; --ap-e7:48px;
  --ap-titulo:"Manrope","Inter",system-ui,sans-serif;
  --ap-mola:cubic-bezier(.2,.7,.3,1);
}

/* ==========================================================================
   TELA D · NOVA ANÁLISE — uma etapa por vez
   ========================================================================== */
#aba-analise .na-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ap-e4);flex-wrap:wrap;margin-bottom:var(--ap-e5)}
#aba-analise .na-topo h2{font-family:var(--ap-titulo);font-size:clamp(1.5rem,2.2vw,1.85rem);font-weight:700;letter-spacing:-.015em;line-height:1.15}
#aba-analise .na-topo h2::after{content:"";display:inline-block;width:.28em;height:.28em;border-radius:50%;background:var(--ap-verde);margin-left:.14em;vertical-align:.08em}
#aba-analise .na-topo .na-btn.linha svg{color:var(--ap-verde-texto)}
#aba-analise .na-topo p{color:var(--ap-tinta-2);font-size:.98rem;margin-top:var(--ap-e1)}

/* botões no estilo da home: pílula */
#aba-analise .na-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ap-e2);min-height:46px;padding:0 var(--ap-e5);
  border-radius:var(--ap-pilula);border:1px solid transparent;font:600 .95rem/1 "Inter",system-ui,sans-serif;cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:transform .16s, background .16s, box-shadow .16s, border-color .16s}
#aba-analise .na-btn:hover{transform:translateY(-1px)}
#aba-analise .na-btn:disabled{opacity:.55;cursor:progress;transform:none}
#aba-analise .na-btn.acao,#aba-analise .resultado .botao:not(.fantasma){background:var(--ap-botao);color:var(--ap-botao-texto);
  box-shadow:0 6px 18px rgba(23,181,121,.32)}
#aba-analise .na-btn.acao:hover,#aba-analise .resultado .botao:not(.fantasma):hover{background:var(--ap-botao-hover)}
#aba-analise .na-btn.acao:focus-visible,#aba-analise .resultado .botao:focus-visible{outline:3px solid var(--ap-botao-texto);outline-offset:2px}
#aba-analise .na-btn.acao .carregando{border-color:rgba(10,15,28,.25);border-top-color:var(--ap-botao-texto)}
/* botão verde sobre fundo azul: contorno branco separa o verde do azul
   (pedido do usuário, 18/10/2026). Vale para qualquer superfície escura. */
#aba-analise :is(.recebe,.trabalho,.pre-hero,.fundo-escuro) :is(.na-btn.acao,.botao:not(.fantasma)){
  border:2px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.25)}

/* avaliações: cor + ÍCONE dizem se é bom ou ruim — nunca só a cor
   (pedido do usuário, 18/10/2026). Ícones de linha da mesma família do sistema. */
:root{
  --ap-ic-bom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.5 9'/%3E%3C/svg%3E");
  --ap-ic-atencao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.9 18a2 2 0 0 0 1.7 3h16.8a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
  --ap-ic-ruim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");
}
#aba-analise .chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:.8rem;letter-spacing:.02em}
#aba-analise .chip::before{content:"";width:15px;height:15px;flex:none;background:currentColor;
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-analise .chip.verde{background:var(--ap-ok-fundo);color:var(--ap-ok)}
#aba-analise .chip.ambar{background:var(--ap-ambar-fundo);color:var(--ap-ambar)}
#aba-analise .chip.ambar::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-analise .chip.vermelho{background:var(--ap-ruim-fundo);color:var(--ap-ruim)}
#aba-analise .chip.vermelho::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-analise .na-btn.linha{background:var(--ap-branco);border-color:var(--ap-borda);color:var(--ap-tinta)}
#aba-analise .na-btn.linha:hover{border-color:#B8C6DA;box-shadow:var(--ap-sombra)}
#aba-analise .na-btn.texto{background:none;color:var(--ap-tinta-2);padding:0 var(--ap-e3)}
#aba-analise .na-btn.texto:hover{color:var(--ap-tinta);transform:none}
#aba-analise .na-btn svg{flex:none}

/* ---------- stepper: o único indicador de progresso ---------- */
#aba-analise .stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ap-e2);margin-bottom:var(--ap-e5);list-style:none}
#aba-analise .passo-st{position:relative;display:flex;align-items:center;gap:var(--ap-e3);width:100%;text-align:left;
  padding:var(--ap-e3) var(--ap-e4);border-radius:var(--ap-raio);background:var(--ap-branco);border:1px solid var(--ap-borda);
  color:var(--ap-tinta-2);cursor:pointer;transition:background .2s, border-color .2s, color .2s, box-shadow .2s}
#aba-analise .passo-st:hover{border-color:#B8C6DA}
#aba-analise .passo-st .bola{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  background:var(--ap-papel-2);color:var(--ap-acao);transition:background .2s,color .2s}
#aba-analise .passo-st .bola .n{display:none;font-weight:700;font-size:.85rem}
#aba-analise .passo-st .rot{min-width:0}
#aba-analise .passo-st b{display:block;font-size:.9rem;font-weight:600;color:var(--ap-tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aba-analise .passo-st small{display:block;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aba-analise .passo-st.atual{background:var(--ap-escuro);border-color:var(--ap-escuro);color:#C6D8F5;box-shadow:var(--ap-sombra)}
#aba-analise .passo-st.atual b{color:#fff}
#aba-analise .passo-st.atual .bola{background:var(--ap-acao);color:#fff}
#aba-analise .passo-st.feita .bola{background:var(--ap-verde-suave);color:var(--ap-verde-texto)}
#aba-analise .passo-st.feita small{color:var(--ap-verde-texto)}
#aba-analise .passo-st.feita{border-color:#BCE9D3}
#aba-analise .passo-st .ok{display:none}
#aba-analise .passo-st.feita .ok{display:block}
#aba-analise .passo-st.feita .ic{display:none}

/* ---------- layout: etapa à esquerda, contexto à direita ---------- */
#aba-analise .grade{grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);gap:var(--ap-e5)}

/* ---------- o cartão da etapa ---------- */
#aba-analise .etapas-cartao{background:var(--ap-branco);border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra);min-width:0}
#aba-analise .etapa{display:none;border:0}
#aba-analise .etapa.aberta{display:block;animation:na-entra .24s var(--ap-mola) both}
@keyframes na-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#aba-analise .etapa-cab{display:flex;align-items:flex-start;gap:var(--ap-e4);padding:var(--ap-e6) var(--ap-e6) var(--ap-e5);cursor:default}
#aba-analise .etapa-cab:hover{background:none}
#aba-analise .etapa-ico{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ap-papel-2);color:var(--ap-acao)}
#aba-analise .etapa-txt b{font-family:var(--ap-titulo);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}
#aba-analise .etapa-txt small{font-size:.92rem;color:var(--ap-tinta-2);margin-top:var(--ap-e1);opacity:1}
#aba-analise .etapa-txt .opcional{display:inline-block;margin-left:var(--ap-e2);vertical-align:3px;font:600 .68rem/1 "Inter",sans-serif;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ap-tinta-2);background:var(--ap-papel);border-radius:var(--ap-pilula);padding:5px 9px}
#aba-analise .etapa-corpo{display:block;padding:0 var(--ap-e6) var(--ap-e6)}

/* campos */
#aba-analise .campo{margin-bottom:var(--ap-e5)}
#aba-analise .campo > label,#aba-analise .rot-campo{display:block;font-weight:600;font-size:.9rem;margin-bottom:var(--ap-e2);color:var(--ap-tinta)}
#aba-analise .campo input:not([type=radio]):not([type=file]),#aba-analise .campo textarea,#aba-analise .socio-linha input{
  width:100%;min-height:48px;padding:12px 15px;border:1.5px solid var(--ap-borda);border-radius:12px;background:var(--ap-branco);
  font:inherit;font-size:1rem;color:var(--ap-tinta);outline:none;transition:border-color .15s, box-shadow .15s}
#aba-analise .campo textarea{min-height:88px;resize:vertical;line-height:1.5}
#aba-analise .campo input:focus,#aba-analise .campo textarea:focus,#aba-analise .socio-linha input:focus{border-color:var(--ap-acao);box-shadow:0 0 0 4px rgba(37,99,235,.14)}
#aba-analise .campo .dica{font-size:.84rem;color:var(--ap-tinta-2);opacity:1;margin-top:var(--ap-e2)}
#aba-analise .campo .dica a{color:var(--ap-acao);font-weight:600}
#aba-analise .linha-cnpj{display:flex;gap:var(--ap-e3)}
#aba-analise .linha-cnpj input{flex:1;min-width:0;font-size:1.1rem!important;letter-spacing:.02em}
#aba-analise .linha-2{gap:0 var(--ap-e4)}
#aba-analise .acoes-etapa{display:flex;align-items:center;gap:var(--ap-e3);flex-wrap:wrap;margin-top:var(--ap-e2)}

/* grupos com ícone dentro da etapa 2 */
#aba-analise .grupo{padding:var(--ap-e5);border-radius:var(--ap-raio);background:var(--ap-papel);margin-bottom:var(--ap-e4)}
#aba-analise .grupo-cab{display:flex;align-items:center;gap:var(--ap-e3);margin-bottom:var(--ap-e4)}
#aba-analise .grupo-cab .gi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ap-branco);color:var(--ap-acao);flex:none}
#aba-analise .grupo-cab b{font-family:var(--ap-titulo);font-size:1rem;font-weight:700}
#aba-analise .grupo > .campo:last-child,#aba-analise .grupo > .linha-2:last-child .campo{margin-bottom:0}
#aba-analise .grupo .campo input:not([type=radio]),#aba-analise .grupo .campo textarea{background:var(--ap-branco)}

/* recolhíveis: o que é complementar fica a um toque */
#aba-analise details.mais{border-radius:var(--ap-raio);background:var(--ap-papel);margin-bottom:var(--ap-e4)}
#aba-analise details.mais > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--ap-e3);
  padding:var(--ap-e4) var(--ap-e5);font-weight:600;font-size:.95rem;color:var(--ap-tinta);border-radius:var(--ap-raio)}
#aba-analise details.mais > summary::-webkit-details-marker{display:none}
#aba-analise details.mais > summary:hover{background:var(--ap-papel-2)}
#aba-analise details.mais > summary .gi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--ap-branco);color:var(--ap-acao);flex:none}
#aba-analise details.mais > summary small{font-weight:400;color:var(--ap-tinta-2);font-size:.84rem}
#aba-analise details.mais > summary .chev{margin-left:auto;color:var(--ap-tinta-2);transition:transform .2s var(--ap-mola)}
#aba-analise details.mais[open] > summary .chev{transform:rotate(180deg)}
#aba-analise details.mais .mais-corpo{padding:0 var(--ap-e5) var(--ap-e5);animation:na-entra .2s var(--ap-mola) both}
#aba-analise details.mais .campo input:not([type=radio]),#aba-analise details.mais .campo textarea{background:var(--ap-branco)}
#aba-analise .add-socio{background:none;border:0;color:var(--ap-acao);font-weight:600;font-size:.9rem;padding:var(--ap-e2) 0;cursor:pointer}
#aba-analise .add-socio:hover{text-decoration:underline}

/* etapa 3: o que é conferido */
#aba-analise .confere{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ap-e3);margin-bottom:var(--ap-e5)}
#aba-analise .confere li{list-style:none;display:flex;align-items:center;gap:var(--ap-e3);padding:var(--ap-e4);border-radius:var(--ap-raio);
  background:var(--ap-papel);font-weight:600;font-size:.92rem}
#aba-analise .confere .gi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ap-verde-suave);color:var(--ap-verde-texto);flex:none}
#aba-analise .faixa-info{display:flex;gap:var(--ap-e3);align-items:flex-start;padding:var(--ap-e4) var(--ap-e5);border-radius:var(--ap-raio);
  background:var(--ap-papel-2);color:var(--ap-escuro);font-size:.92rem;margin-bottom:var(--ap-e5)}
#aba-analise .faixa-info svg{flex:none;margin-top:2px;color:var(--ap-acao)}
#aba-analise .consumo{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--ap-tinta-2)}
#aba-analise .consumo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ap-verde);flex:none}
#aba-analise .consumo b{color:var(--ap-tinta);font-weight:600}

/* etapa 4: o PDF */
#aba-analise .solta{border:2px dashed #B8C6DA;border-radius:var(--ap-raio-cartao);background:var(--ap-papel-2);padding:var(--ap-e6) var(--ap-e5);
  margin-bottom:var(--ap-e5);transition:border-color .2s, background .2s, transform .2s}
#aba-analise .solta:hover,#aba-analise .solta.arrastando{border-color:var(--ap-acao);background:#DFEBFF}
#aba-analise .solta.arrastando{transform:scale(1.01)}
#aba-analise .solta .icone{width:52px;height:52px;margin:0 auto var(--ap-e3);border-radius:14px;display:grid;place-items:center;background:var(--ap-branco);color:var(--ap-acao);box-shadow:var(--ap-sombra)}
#aba-analise .solta b{font-size:1rem;color:var(--ap-tinta)}
#aba-analise .solta span{font-size:.88rem;color:var(--ap-tinta-2);opacity:1}
#aba-analise .solta.tem-arquivo{border-style:solid;border-color:var(--ap-ok);background:var(--ap-ok-fundo)}
#aba-analise .solta.tem-arquivo .icone{color:var(--ap-ok)}

/* escolhas em cartão */
#aba-analise .radios .opcao{border:1.5px solid var(--ap-borda);border-radius:var(--ap-raio);background:var(--ap-branco);padding:14px 16px;min-height:60px}
#aba-analise .radios .opcao:hover{border-color:#B8C6DA}
#aba-analise .radios .opcao:has(input:checked){border-color:var(--ap-acao);background:var(--ap-papel-2);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
#aba-analise .radios .opcao:has(input:focus-visible){box-shadow:0 0 0 3px rgba(37,99,235,.35)}
#aba-analise .radios .ico{background:var(--ap-papel-2);color:var(--ap-acao);border-radius:10px}
#aba-analise .radios .opcao:has(input:checked) .ico{background:var(--ap-acao);color:#fff}
#aba-analise .radios b{color:var(--ap-tinta)}
#aba-analise .radios span{opacity:1;color:var(--ap-tinta-2)}
#aba-analise .radios .marca{color:var(--ap-acao);opacity:0}
#aba-analise .radios .opcao:has(input:checked) .marca{opacity:1}
#aba-analise #campos-sacado{border-top:0;margin-top:0;padding:var(--ap-e5);border-radius:var(--ap-raio);background:var(--ap-papel);margin-bottom:var(--ap-e5)}
#aba-analise #campos-sacado .campo:last-child{margin-bottom:0}
/* explicação só da opção escolhida */
#aba-analise .explica{display:none;margin-top:var(--ap-e2);font-size:.86rem;color:var(--ap-tinta-2);align-items:flex-start;gap:6px}
#aba-analise .explica.vis{display:flex;animation:na-entra .2s var(--ap-mola) both}
#aba-analise .explica svg{flex:none;margin-top:2px;color:var(--ap-acao)}
#aba-analise .rodape-etapa{display:flex;align-items:center;justify-content:space-between;gap:var(--ap-e4);flex-wrap:wrap;
  margin-top:var(--ap-e5);padding-top:var(--ap-e5);border-top:1px solid var(--ap-borda)}

/* ---------- coluna da direita ---------- */
#aba-analise .coluna-dir{display:flex;flex-direction:column;gap:var(--ap-e5);min-width:0}
#aba-analise .coluna-dir .bloco{border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-analise #bloco-parecer.sem-conteudo{display:none}
/* resultado curto: rating legível (antes: azul sobre marinho, ~2:1) e sem filete */
#aba-analise .resultado{border-top:0;padding-top:0;margin-top:var(--ap-e4)}
#aba-analise .empresa-id{border:0;background:var(--ap-papel);border-radius:var(--ap-raio)}
#aba-analise .res-rating{background:var(--ap-escuro);color:#fff;border-radius:var(--ap-raio)}
#aba-analise .numeros .n span{opacity:1;color:var(--ap-tinta-2)}
#aba-analise .pre-caixa{border:0;padding:0;background:none}   /* sem caixa dentro de caixa */
/* o que você recebe: seção escura, como as da home */
#aba-analise .recebe{position:relative;overflow:hidden;border-radius:var(--ap-raio-cartao);background:var(--ap-escuro);color:#EAF2FF;padding:var(--ap-e6)}
#aba-analise .recebe::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-120px;
  background:radial-gradient(closest-side,rgba(91,155,255,.35),transparent 70%);pointer-events:none}
#aba-analise .recebe::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-90px;bottom:-110px;
  background:radial-gradient(closest-side,rgba(23,181,121,.22),transparent 70%);pointer-events:none}
#aba-analise .recebe .eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-verde-claro)}
#aba-analise .recebe h3{font-family:var(--ap-titulo);font-size:1.35rem;font-weight:700;color:#fff;margin:var(--ap-e2) 0 var(--ap-e5);line-height:1.25}
#aba-analise .recebe ul{list-style:none;display:grid;gap:var(--ap-e3);position:relative;z-index:1}
#aba-analise .recebe li{display:flex;gap:var(--ap-e3);align-items:center;padding:var(--ap-e4);border-radius:var(--ap-raio);
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
#aba-analise .recebe .ri{width:40px;height:40px;border-radius:11px;flex:none;display:grid;place-items:center;background:rgba(23,181,121,.18);color:var(--ap-verde-claro)}
#aba-analise .recebe li b{display:block;color:#fff;font-size:.98rem}
#aba-analise .recebe li span{font-size:.86rem;color:#B4CBEA}
#aba-analise .recebe .rodape{position:relative;z-index:1;margin-top:var(--ap-e5);font-size:.84rem;color:#93AECF;display:flex;align-items:center;gap:var(--ap-e2)}
#aba-analise .recebe .rodape svg{color:var(--ap-verde-claro)}

/* ---------- celular ---------- */
@media (max-width:1100px){
  #aba-analise .grade{grid-template-columns:1fr}
  #aba-analise .recebe{display:none}
}
@media (max-width:900px){
  #aba-analise .na-topo{margin-bottom:var(--ap-e4);align-items:center}
  #aba-analise .na-topo p{display:none}
  #aba-analise .na-topo .na-btn{min-height:40px;padding:0 var(--ap-e4);font-size:.88rem}
  /* stepper compacto: quatro bolas ligadas, nome só da atual */
  #aba-analise .stepper{display:flex;gap:0;align-items:center;margin-bottom:var(--ap-e4)}
  #aba-analise .stepper li{display:flex;align-items:center;flex:1}
  #aba-analise .stepper li:last-child{flex:none}
  #aba-analise .stepper li:not(:last-child)::after{content:"";flex:1;height:2px;margin:0 6px;background:var(--ap-borda);border-radius:2px}
  #aba-analise .stepper li.feita-li::after{background:var(--ap-marca-verde)}
  #aba-analise .passo-st{width:auto;padding:0;border:0;background:none;box-shadow:none;gap:var(--ap-e2)}
  #aba-analise .passo-st .bola{width:36px;height:36px}
  #aba-analise .passo-st .bola .ic{display:none}
  #aba-analise .passo-st .bola .n{display:block}
  #aba-analise .passo-st.feita .bola .n{display:none}
  /* no celular só as bolas: o título do cartão já diz qual é a etapa */
  #aba-analise .passo-st .rot{display:none}
  #aba-analise .passo-st.atual{background:none;box-shadow:none}
  #aba-analise .passo-st.atual .bola{box-shadow:0 0 0 4px rgba(37,99,235,.18)}
  #aba-analise .etapa-cab{padding:var(--ap-e5) var(--ap-e4) var(--ap-e4)}
  #aba-analise .etapa-ico{width:40px;height:40px}
  #aba-analise .etapa-txt b{font-size:1.12rem}
  #aba-analise .etapa-corpo{padding:0 var(--ap-e4) var(--ap-e5)}
  #aba-analise .linha-cnpj{flex-direction:column}
  #aba-analise .linha-cnpj .na-btn,#aba-analise .rodape-etapa .na-btn.acao,#aba-analise .acoes-etapa .na-btn.acao{width:100%}
  #aba-analise .acoes-etapa,#aba-analise .rodape-etapa{flex-direction:column;align-items:stretch}
  #aba-analise .rodape-etapa .consumo{justify-content:center}
  #aba-analise .grupo,#aba-analise #campos-sacado{padding:var(--ap-e4)}
  #aba-analise .grupo > .linha-2:last-child .campo:not(:last-child){margin-bottom:var(--ap-e5)}
  #aba-analise details.mais > summary{padding:var(--ap-e4)}
  #aba-analise details.mais .mais-corpo{padding:0 var(--ap-e4) var(--ap-e4)}
  #aba-analise .confere{grid-template-columns:1fr 1fr;gap:var(--ap-e2)}
  #aba-analise .confere li{padding:var(--ap-e3);font-size:.85rem}
}
@media (max-width:420px){
  #aba-analise .stepper li:not(:last-child)::after{margin:0 4px}
}
@media (prefers-reduced-motion:reduce){
  #aba-analise .etapa.aberta,#aba-analise .explica.vis,#aba-analise details.mais .mais-corpo{animation:none}
  #aba-analise .na-btn,#aba-analise .solta{transition:none;transform:none}
}

/* ==========================================================================
   TELA C · NAVEGAÇÃO (menu lateral, barra do topo, menu do celular)
   Azul-marinho mantido (aprovado). Verde da marca = ação principal e o
   marcador da página ativa. Prefixo #view-app vence as camadas antigas.
   ========================================================================== */
#view-app .lateral{background:var(--ap-escuro);padding:var(--ap-e5) var(--ap-e4) var(--ap-e4);gap:0}
#view-app .lateral .logo{padding:var(--ap-e1) var(--ap-e2) var(--ap-e5)}
/* ação principal: verde, texto preto, contorno branco (verde sobre azul) */
#view-app .lat-nova{display:flex;align-items:center;justify-content:center;gap:var(--ap-e2);width:100%;min-height:46px;
  border-radius:var(--ap-pilula);border:2px solid #fff;background:var(--ap-botao);color:var(--ap-botao-texto);
  font:700 .95rem/1 "Inter",system-ui,sans-serif;cursor:pointer;margin-bottom:var(--ap-e5);
  box-shadow:0 8px 20px rgba(0,0,0,.25);transition:background .16s, transform .16s}
#view-app .lat-nova:hover{background:var(--ap-botao-hover);transform:translateY(-1px)}
#view-app .lat-nova.ativa{box-shadow:0 0 0 4px rgba(23,181,121,.35),0 8px 20px rgba(0,0,0,.25)}
#view-app .lat-nova:focus-visible{outline:3px solid var(--ap-verde-claro);outline-offset:3px}
#view-app .menu{gap:var(--ap-e4)}
/* Menu com mais itens (Clientes, Meu perfil, Empresa, Painel geral — 01/11/2026): ele rola sozinho quando
   não cabe, e a conta lá embaixo (créditos, nome, sair) fica sempre inteira na tela. A margem negativa
   deixa a barrinha verde do item ativo encostar na borda, como antes. */
#view-app .lateral .logo,#view-app .lat-nova,#view-app .lateral-rodape{flex:none}
#view-app .lateral .menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0 calc(-1 * var(--ap-e4)) var(--ap-e3);
  padding:0 var(--ap-e4);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
#view-app .lateral .menu::-webkit-scrollbar{width:6px}
#view-app .lateral .menu.tem-mais{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 40px),transparent)}
#view-app .lateral .menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
@media (max-height:860px){
  #view-app .lateral .menu{gap:var(--ap-e3)}
  #view-app .lateral .menu button{min-height:38px}
  #view-app .menu-rot{padding-bottom:4px}
  #view-app .lateral .logo{padding-bottom:var(--ap-e3)}
}
#view-app .menu-grupo{display:flex;flex-direction:column;gap:2px}
#view-app .menu-rot{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#93AECF;padding:0 var(--ap-e3) var(--ap-e2)}
#view-app .lateral .menu button{position:relative;min-height:44px;padding:0 var(--ap-e3);border-radius:12px;color:#C6D8F5;opacity:1;
  font-weight:500;font-size:.95rem;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#view-app .lateral .menu button svg{color:#93AECF}
#view-app .lateral .menu button:hover{background:rgba(255,255,255,.07);color:#fff}
#view-app .lateral .menu button.ativa{background:rgba(255,255,255,.11);color:#fff;font-weight:600}
#view-app .lateral .menu button.ativa svg{color:var(--ap-verde-claro)}
#view-app .lateral .menu button.ativa::before{content:"";position:absolute;left:-16px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--ap-verde)}
#view-app .lateral .menu button:focus-visible,#view-app .sair:focus-visible{outline:2px solid var(--ap-verde-claro);outline-offset:2px}
/* rodapé: uso do mês + conta */
#view-app .lateral-rodape{border-top:0;padding-top:0;gap:var(--ap-e3)}
#view-app .uso-mes{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--ap-raio);padding:var(--ap-e3) var(--ap-e4)}
#view-app .uso-rot{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ap-e2);font-size:.8rem;color:#B4CBEA}
#view-app .uso-rot b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
#view-app .uso-trilho{height:6px;border-radius:var(--ap-pilula);background:rgba(255,255,255,.14);margin-top:var(--ap-e2);overflow:hidden}
#view-app .uso-trilho i{display:block;height:100%;border-radius:var(--ap-pilula);background:var(--ap-verde)}
#view-app .uso-trilho i.quase{background:#F5B36B}
#view-app .uso-trilho i.cheio{background:#F49E96}
#view-app .conta-lateral{display:flex;align-items:center;gap:var(--ap-e3);padding:var(--ap-e2) var(--ap-e1)}
#view-app .avatar-conta{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--ap-verde-claro);color:var(--ap-botao-texto);font:700 .8rem/1 "Inter",sans-serif;border:0}
#view-app .quem-lateral{flex:1;min-width:0;padding:0}
#view-app .quem-lateral b{color:#fff;font-size:.88rem}
#view-app .quem-lateral span{color:#93AECF;opacity:1;font-size:.76rem}
#view-app .lateral .sair{flex:none;width:36px;height:36px;padding:0;border-radius:10px;display:grid;place-items:center;
  color:#B4CBEA;opacity:1;text-decoration:none;background:none;border:0;cursor:pointer}
#view-app .lateral .sair:hover{background:rgba(255,255,255,.08);color:#fff}

/* barra do topo: só a busca (e o caminho, dentro de um relatório) */
#view-app .barra-trabalho{background:rgba(245,247,251,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#view-app .migalha{opacity:1;font-size:.88rem;color:var(--ap-tinta-2)}
#view-app .migalha button{background:none;border:0;padding:4px 6px;margin-left:-6px;border-radius:8px;color:var(--ap-acao);font:600 .88rem/1 "Inter",sans-serif;cursor:pointer}
#view-app .migalha button:hover{background:var(--ap-papel-2)}
#view-app .migalha b{color:var(--ap-tinta);opacity:1}
#view-app .busca{max-width:560px}
#view-app .busca input{min-height:44px;border:1.5px solid var(--ap-borda);background:#fff}
#view-app .busca input:focus{border-color:var(--ap-acao);box-shadow:0 0 0 4px rgba(37,99,235,.14)}

/* folha "Mais" (só celular) */
.folha-fundo,.folha{display:none}
@media (max-width:900px){
  #view-app .topo-mobile{background:var(--ap-escuro);padding:10px var(--ap-e4)}
  #view-app .topo-mobile .logo img{height:22px}
  #view-app .topo-mobile .avatar-conta{width:38px;height:38px;cursor:pointer}
  #view-app .topo-mobile .avatar-conta:focus-visible{outline:2px solid #fff;outline-offset:2px}
  #view-app .barra-trabalho{background:var(--ap-papel)}
  #view-app .nav-mobile{background:#fff;border-top:1px solid var(--ap-borda);box-shadow:0 -8px 24px rgba(16,43,80,.08);
    padding:6px var(--ap-e2) calc(6px + env(safe-area-inset-bottom));gap:var(--ap-e1);align-items:center}
  #view-app .nav-mobile button{flex:1;min-height:56px;color:var(--ap-tinta-2);opacity:1;font-size:.72rem;font-weight:600;gap:4px;border-radius:14px}
  #view-app .nav-mobile button svg{width:22px;height:22px}
  #view-app .nav-mobile button.ativa{color:var(--ap-escuro);background:var(--ap-papel-2)}
  #view-app .nav-mobile button.ativa svg{color:var(--ap-acao)}
  /* nova análise: o destaque da barra */
  #view-app .nav-mobile .nav-nova{background:var(--ap-botao);color:var(--ap-botao-texto);flex:1.25}
  #view-app .nav-mobile .nav-nova svg{color:var(--ap-botao-texto)}
  #view-app .nav-mobile .nav-nova.ativa{background:var(--ap-botao);color:var(--ap-botao-texto);box-shadow:0 0 0 3px rgba(23,181,121,.3)}
  #view-app .nav-mobile .nav-nova.ativa svg{color:var(--ap-botao-texto)}
  .folha-fundo:not([hidden]){display:block;position:fixed;inset:0;z-index:60;background:rgba(8,18,38,.5)}
  .folha:not([hidden]){display:flex;flex-direction:column;gap:var(--ap-e3);position:fixed;left:0;right:0;bottom:0;z-index:61;
    background:var(--ap-escuro);color:#fff;border-radius:22px 22px 0 0;padding:var(--ap-e3) var(--ap-e4) calc(var(--ap-e5) + env(safe-area-inset-bottom));
    transform:translateY(100%);transition:transform .24s var(--ap-mola)}
  .folha.aberta{transform:none}
  .folha-alca{width:40px;height:4px;border-radius:4px;background:rgba(255,255,255,.3);margin:0 auto var(--ap-e2)}
  .folha .conta-lateral{padding:var(--ap-e2) 0}
  .folha-itens{display:flex;flex-direction:column;gap:2px}
  .folha-itens button{display:flex;align-items:center;gap:var(--ap-e3);min-height:52px;padding:0 var(--ap-e4);border:0;border-radius:12px;
    background:rgba(255,255,255,.06);color:#fff;font:600 1rem/1 "Inter",sans-serif;cursor:pointer}
  .folha-itens button svg{color:var(--ap-verde-claro)}
  .folha-itens button.ativa{background:rgba(255,255,255,.14)}
  .folha-sair{display:flex;align-items:center;justify-content:center;gap:var(--ap-e2);min-height:48px;margin-top:var(--ap-e2);border-radius:var(--ap-pilula);
    border:1.5px solid rgba(255,255,255,.3);background:none;color:#fff;font:600 .95rem/1 "Inter",sans-serif;cursor:pointer}
}
@media (prefers-reduced-motion:reduce){.folha{transition:none}#view-app .lat-nova{transition:none}}
#view-app .migalha[hidden]{display:none}
#view-app .uso-rot span,#view-app .uso-rot b{white-space:nowrap}
#view-app .uso-rot{font-size:.76rem}

/* ==========================================================================
   TELA E · RELATÓRIO DA CONSULTA
   Decisão primeiro (painel azul, título = decisão com cor + ícone); depois o
   porquê, o cálculo, os dados, as opiniões. Cartões no estilo da home.
   ========================================================================== */
#aba-relatorio .rel-topo{display:flex;align-items:center;gap:var(--ap-e3);flex-wrap:wrap}
#aba-relatorio .rel-topo .voltar{width:40px;height:40px;border-radius:12px;border:1px solid var(--ap-borda);background:#fff;
  display:grid;place-items:center;color:var(--ap-tinta);flex:none;cursor:pointer}
#aba-relatorio .rel-topo .voltar:hover{border-color:#B8C6DA;box-shadow:var(--ap-sombra)}
#aba-relatorio .rel-topo .monograma{width:48px;height:48px;border-radius:14px;font-size:1rem;flex:none}
#aba-relatorio .rel-id{min-width:0;flex:1}
#aba-relatorio .rel-id h2{font-family:var(--ap-titulo);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;letter-spacing:-.015em;line-height:1.2;overflow-wrap:anywhere}
#aba-relatorio .rel-sub{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap;font-size:.86rem;color:var(--ap-tinta-2);margin-top:2px;font-variant-numeric:tabular-nums}
#aba-relatorio .rel-acoes{display:flex;gap:var(--ap-e2);margin-left:auto;flex:none}
#aba-relatorio .rel-acoes .btn-dec{min-height:42px;border-radius:var(--ap-pilula);border:1px solid var(--ap-borda);background:#fff;
  padding:0 var(--ap-e4);font-weight:600;font-size:.88rem;color:var(--ap-tinta);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#aba-relatorio .rel-acoes .btn-dec:hover{border-color:#B8C6DA;box-shadow:var(--ap-sombra)}
#aba-relatorio .rel-acoes .btn-dec svg{color:var(--ap-acao)}
#aba-relatorio .rel-meta{font-size:.78rem;color:var(--ap-tinta-2);margin:var(--ap-e2) 0 0 calc(40px + 48px + var(--ap-e3) * 2)}

/* abas com ícone */
#aba-relatorio .rel-abas{display:flex;gap:var(--ap-e2);border-bottom:0;margin:var(--ap-e5) 0;overflow-x:auto;scrollbar-width:none;padding:2px}
#aba-relatorio .rel-abas::-webkit-scrollbar{display:none}
#aba-relatorio .rel-abas button{display:flex;align-items:center;gap:var(--ap-e2);min-height:42px;padding:0 var(--ap-e4);border-radius:var(--ap-pilula);
  border:1px solid var(--ap-borda);background:#fff;color:var(--ap-tinta-2);font-weight:600;font-size:.9rem;opacity:1;white-space:nowrap;cursor:pointer}
#aba-relatorio .rel-abas button::after{display:none}
#aba-relatorio .rel-abas button svg{color:var(--ap-acao)}
#aba-relatorio .rel-abas button:hover{color:var(--ap-tinta);border-color:#B8C6DA}
#aba-relatorio .rel-abas button.ativa{background:var(--ap-escuro);border-color:var(--ap-escuro);color:#fff}
#aba-relatorio .rel-abas button.ativa svg{color:var(--ap-verde-claro)}

/* ---- painel de decisão (azul, aprovado) ---- */
#aba-relatorio .painel-dec{background:var(--ap-escuro);border:0;border-radius:var(--ap-raio-cartao);padding:var(--ap-e6);box-shadow:var(--ap-sombra);overflow:hidden;position:relative}
#aba-relatorio .painel-dec::after{content:"";position:absolute;inset:auto auto -140px -120px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(23,181,121,.18),transparent 70%);pointer-events:none}
#aba-relatorio .painel-dec > *{position:relative;z-index:1}
#aba-relatorio .dec-rot{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ap-verde-claro)}
#aba-relatorio .dec-titulo{display:flex;align-items:center;gap:var(--ap-e3);font-family:var(--ap-titulo);font-size:clamp(1.6rem,2.8vw,2.3rem);
  font-weight:700;letter-spacing:-.015em;line-height:1.1;margin:var(--ap-e2) 0 var(--ap-e1);color:var(--ap-verde-claro)}
#aba-relatorio .dec-titulo::before{content:"";flex:none;width:.9em;height:.9em;background:currentColor;
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .dec-titulo.ambar{color:#F5B36B}
#aba-relatorio .dec-titulo.ambar::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .dec-titulo.vermelho{color:#F49E96}
#aba-relatorio .dec-titulo.vermelho::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-relatorio .dec-faixa{font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:var(--ap-e1)}
#aba-relatorio .painel-dec .faixa{color:#B4CBEA}
#aba-relatorio .painel-dec .faixa b{color:#fff}
#aba-relatorio .dec-numeros .n{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--ap-raio);box-shadow:none}
#aba-relatorio .dec-ratio{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);box-shadow:none}
#aba-relatorio .dec-ratio::before{display:none}
#aba-relatorio .painel-dec .callout{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--ap-raio);color:#EAF2FF}
#aba-relatorio .painel-dec .callout b{color:#fff}
/* registrar a decisão: aprovar é o botão verde (contorno branco no azul) */
#aba-relatorio .dec-rot-botoes{margin-top:var(--ap-e5);color:#93AECF}
#aba-relatorio .dec-botoes{margin-top:var(--ap-e3);gap:var(--ap-e2)}
#aba-relatorio .painel-dec .btn-dec{min-height:44px;border-radius:var(--ap-pilula);padding:0 var(--ap-e4);gap:var(--ap-e2);
  background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff;font-weight:600;font-size:.9rem}
#aba-relatorio .painel-dec .btn-dec:hover{border-color:#fff;background:rgba(255,255,255,.08)}
#aba-relatorio .painel-dec .btn-dec.sim{background:var(--ap-botao);border:2px solid #fff;color:var(--ap-botao-texto)}
#aba-relatorio .painel-dec .btn-dec.sim:hover{background:var(--ap-botao-hover)}
#aba-relatorio .ic-dec{width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .btn-dec.meio .ic-dec{background:#F5B36B;-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .btn-dec.nao .ic-dec{background:#F49E96;-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-relatorio .painel-dec .btn-dec.marcada{background:#fff;border-color:#fff;color:var(--ap-escuro)}
#aba-relatorio .painel-dec .btn-dec.sim.marcada{background:var(--ap-verde-claro);color:var(--ap-botao-texto)}
#aba-relatorio .dec-registro{color:#B4CBEA;opacity:1}
#aba-relatorio .dec-nota{margin-top:var(--ap-e3);font-size:.8rem;color:#93AECF}

/* ---- seções ---- */
#aba-relatorio .rel-secao{margin-top:var(--ap-e7)}
#aba-relatorio .rel-secao > h3{font-family:var(--ap-titulo);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--ap-e1)}
#aba-relatorio .rel-secao > p.sub{font-size:.92rem;color:var(--ap-tinta-2);opacity:1;margin-bottom:var(--ap-e4);max-width:70ch}

/* resumo: favoráveis × atenção, cada item com ícone */
#aba-relatorio .fatores-par{display:grid;grid-template-columns:1fr 1fr;gap:var(--ap-e4)}
#aba-relatorio .fatores{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);padding:var(--ap-e5);box-shadow:var(--ap-sombra)}
#aba-relatorio .fatores h4{display:flex;align-items:center;gap:var(--ap-e2);font-family:var(--ap-titulo);font-size:1.02rem;margin-bottom:var(--ap-e3)}
#aba-relatorio .fatores h4::before{content:"";width:28px;height:28px;border-radius:9px;flex:none;
  background:var(--ap-verde-suave) var(--ap-ic-bom) center/16px no-repeat}
#aba-relatorio .fatores.pos h4{color:var(--ap-ok)}
#aba-relatorio .fatores.neg h4{color:var(--ap-ambar)}
#aba-relatorio .fatores.neg h4::before{background:var(--ap-ambar-fundo)}
#aba-relatorio .fatores ul{list-style:none;display:flex;flex-direction:column;gap:var(--ap-e3)}
#aba-relatorio .fatores li{position:relative;padding-left:26px;font-size:.92rem;line-height:1.5}
#aba-relatorio .fatores li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--ap-ok);
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .fatores.neg li::before{background:var(--ap-ambar);-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .fatores li.nenhum{color:var(--ap-tinta-2);padding-left:0}
#aba-relatorio .fatores li.nenhum::before{display:none}
#aba-relatorio .fatores .rotina{margin-top:var(--ap-e3);font-size:.84rem;color:var(--ap-tinta-2)}
#aba-relatorio .cliente-novo{margin-top:var(--ap-e4);border-radius:var(--ap-raio-cartao);padding:var(--ap-e4) var(--ap-e5);background:var(--ap-ambar-fundo);border:1px solid #F3D5AE}
#aba-relatorio .cliente-novo b{display:flex;align-items:center;gap:var(--ap-e2);color:var(--ap-ambar)}
#aba-relatorio .cliente-novo b::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--ap-ic-atencao) center/contain no-repeat;mask:var(--ap-ic-atencao) center/contain no-repeat}
#aba-relatorio .cliente-novo ul{margin:var(--ap-e2) 0 0;padding-left:20px;font-size:.9rem;line-height:1.6}

/* cartões no estilo da home: política, mesa, indicadores, células */
#aba-relatorio .delib,#aba-relatorio .mesa{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-relatorio .delib{margin-top:var(--ap-e7)}
#aba-relatorio .ind-grade{gap:var(--ap-e3)}
#aba-relatorio .ind{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio);box-shadow:0 1px 2px rgba(16,43,80,.05)}
#aba-relatorio .ind.critico{background:var(--ap-ruim-fundo);border-color:#F5C6C2}
#aba-relatorio .ind.atencao{background:var(--ap-ambar-fundo);border-color:#F3D5AE}
#aba-relatorio .ind-ico{background:var(--ap-papel-2);color:var(--ap-acao)}
#aba-relatorio .ind-val{font-family:var(--ap-titulo)}
/* selos de estado com ícone (cor + ícone) */
#aba-relatorio .pill{display:inline-flex;align-items:center;gap:5px;border-radius:var(--ap-pilula);padding:4px 10px 4px 8px;font-size:.68rem}
#aba-relatorio .pill-ok::before,#aba-relatorio .pill-atencao::before,#aba-relatorio .pill-critico::before{content:"";width:13px;height:13px;flex:none;background:currentColor;
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .pill-ok{background:var(--ap-ok-fundo);color:var(--ap-ok)}
#aba-relatorio .pill-atencao{background:#FDE7C6;color:#8A3A05}
#aba-relatorio .pill-atencao::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .pill-critico{background:#FBD5D0;color:#912018}
#aba-relatorio .pill-critico::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-relatorio .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px}
#aba-relatorio .chip::before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .chip.verde{background:var(--ap-ok-fundo);color:var(--ap-ok)}
#aba-relatorio .chip.ambar{background:var(--ap-ambar-fundo);color:var(--ap-ambar)}
#aba-relatorio .chip.ambar::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .chip.vermelho{background:var(--ap-ruim-fundo);color:var(--ap-ruim)}
#aba-relatorio .chip.vermelho::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
/* "ver os outros indicadores" */
#aba-relatorio details.mais-ind{margin-top:var(--ap-e3)}
#aba-relatorio details.mais-ind > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ap-e2);min-height:42px;
  padding:0 var(--ap-e4);border-radius:var(--ap-pilula);border:1px solid var(--ap-borda);background:#fff;font-weight:600;font-size:.9rem;color:var(--ap-acao)}
#aba-relatorio details.mais-ind > summary::-webkit-details-marker{display:none}
#aba-relatorio details.mais-ind > summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
#aba-relatorio details.mais-ind[open] > summary::after{transform:rotate(225deg)}
#aba-relatorio details.mais-ind > .ind-grade{margin-top:var(--ap-e3);animation:na-entra .2s var(--ap-mola) both}
#aba-relatorio .cel{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio)}
#aba-relatorio .bloco{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-relatorio .nota{border-radius:var(--ap-raio)}

/* carteira ao lado: cartão claro */
#aba-relatorio .carteira{background:#fff;border:1px solid var(--ap-borda);box-shadow:var(--ap-sombra);backdrop-filter:none;-webkit-backdrop-filter:none}

@media (max-width:900px){
  #aba-relatorio .rel-topo .monograma{display:none}
  #aba-relatorio .rel-acoes{width:100%;margin-left:0}
  #aba-relatorio .rel-acoes .btn-dec{flex:1}
  #aba-relatorio .rel-meta{margin-left:calc(40px + var(--ap-e3))}
  #aba-relatorio .painel-dec{padding:var(--ap-e5) var(--ap-e4)}
  #aba-relatorio .fatores-par{grid-template-columns:1fr}
  #aba-relatorio .dec-botoes .btn-dec{flex:1 1 calc(50% - var(--ap-e2))}
  #aba-relatorio .rel-secao{margin-top:var(--ap-e6)}
}
#aba-relatorio .dec-numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--ap-e3)}
#aba-relatorio .dec-numeros .n{min-width:0;flex:none}

/* ==========================================================================
   TELA G · HISTÓRICO
   Resumo que filtra no topo; linha que pede ação em âmbar com ícone;
   decisão com cor + ícone. Sem faixa grossa no topo (regra do usuário).
   ========================================================================== */
#aba-historico .hist-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ap-e3);margin-bottom:var(--ap-e5)}
#aba-historico .hist-filtro{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--ap-e4);border-radius:var(--ap-raio-cartao);
  background:#fff;border:1.5px solid var(--ap-borda);box-shadow:var(--ap-sombra);cursor:pointer;text-align:left;font:inherit;color:var(--ap-tinta);
  transition:border-color .15s, transform .15s}
#aba-historico .hist-filtro:hover{transform:translateY(-1px);border-color:#B8C6DA}
#aba-historico .hist-filtro b{font-family:var(--ap-titulo);font-size:1.7rem;line-height:1.1;font-variant-numeric:tabular-nums}
#aba-historico .hist-filtro span{font-size:.86rem;color:var(--ap-tinta-2);display:flex;align-items:center;gap:6px}
#aba-historico .hist-filtro.f-aguardando b{color:var(--ap-ambar)}
#aba-historico .hist-filtro.f-aguardando span::before,#aba-historico .hist-filtro.f-sem_desfecho span::before{content:"";width:14px;height:14px;background:var(--ap-ambar);
  -webkit-mask:var(--ap-ic-atencao) center/contain no-repeat;mask:var(--ap-ic-atencao) center/contain no-repeat}
#aba-historico .hist-filtro.f-aprovadas b{color:var(--ap-ok)}
#aba-historico .hist-filtro.f-aprovadas span::before{content:"";width:14px;height:14px;background:var(--ap-ok);
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-historico .hist-filtro.ativo{background:var(--ap-escuro);border-color:var(--ap-escuro);color:#fff}
#aba-historico .hist-filtro.ativo b{color:#fff}
#aba-historico .hist-filtro.ativo span{color:#C6D8F5}
#aba-historico .hist-filtro.ativo span::before{background:var(--ap-verde-claro)}
#aba-historico .consultas{gap:var(--ap-e2)}
#aba-historico .consulta{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio);box-shadow:0 1px 2px rgba(16,43,80,.05);padding:var(--ap-e3) var(--ap-e4)}
#aba-historico .consulta:hover{border-color:#B8C6DA;box-shadow:var(--ap-sombra)}
#aba-historico .consulta[data-pede="decisao"]{background:#FFFAF2;border-color:#F2D2AE}
#aba-historico .consulta[data-pede="decisao"] .consulta-decisao:first-of-type label{color:var(--ap-ambar);font-weight:700;display:flex;align-items:center;gap:4px}
#aba-historico .consulta[data-pede="decisao"] .consulta-decisao:first-of-type label::before{content:"";width:12px;height:12px;background:currentColor;
  -webkit-mask:var(--ap-ic-atencao) center/contain no-repeat;mask:var(--ap-ic-atencao) center/contain no-repeat}
#aba-historico .consulta-id small{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#aba-historico .canal{display:inline-flex;align-items:center;gap:4px;color:var(--ap-tinta-2)}
#aba-historico .canal svg{color:var(--ap-acao)}
#aba-historico .consulta-decisao label{font-size:.7rem;letter-spacing:.04em;text-transform:none;color:var(--ap-tinta-2)}
#aba-historico .consulta-decisao select{min-height:38px;border:1.5px solid var(--ap-borda);border-radius:10px;background:#fff;font-size:.86rem}
#aba-historico .consulta-decisao select:focus{border-color:var(--ap-acao);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
#aba-historico .rating-mini{background:var(--ap-escuro);color:#fff;border-radius:8px;font-family:var(--ap-titulo)}
#aba-historico .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px}
#aba-historico .chip::before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-historico .chip.verde{background:var(--ap-ok-fundo);color:var(--ap-ok)}
#aba-historico .chip.ambar{background:var(--ap-ambar-fundo);color:var(--ap-ambar)}
#aba-historico .chip.ambar::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-historico .chip.vermelho{background:var(--ap-ruim-fundo);color:var(--ap-ruim)}
#aba-historico .chip.vermelho::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-historico .paginacao button.atual{background:var(--ap-escuro)}
@media (max-width:900px){
  #aba-historico .hist-resumo{grid-template-columns:1fr 1fr;gap:var(--ap-e2)}
  #aba-historico .hist-filtro{padding:var(--ap-e3)}
  #aba-historico .hist-filtro b{font-size:1.4rem}
}
#aba-historico .rating-mini{display:inline-flex;align-items:center;justify-content:center;width:48px;height:28px;padding:0;font-size:.8rem;font-weight:700;flex:none}
#aba-historico .rating-mini.sem-nota{background:var(--ap-papel-2);color:#98A2B3}
#aba-historico .chip.neutro{background:var(--ap-papel-2);color:var(--ap-tinta-2)}
#aba-historico .chip.neutro::before{display:none}
#aba-historico .consulta-decisao:has(.consulta-vazio){visibility:hidden}
#aba-historico .consulta-veredito{min-width:0;overflow:hidden}
#aba-historico .consulta-veredito .chip{max-width:none;white-space:nowrap}
/* Cada consulta é uma grade própria: com coluna "auto", o tamanho do nome e do
   selo mudava a largura linha a linha e nada ficava alinhado (30/10/2026). */
@media (min-width:1251px){#aba-historico .consulta{grid-template-columns:minmax(0,1fr) 264px 112px 160px 160px}}
@media (max-width:720px){#aba-historico .consulta{grid-template-columns:1fr 1fr;row-gap:var(--ap-e3)}
  #aba-historico .consulta-veredito{grid-column:1/-1}
  #aba-historico .consulta-decisao:has(.consulta-vazio){display:none}}

/* ==========================================================================
   TELA F · PAINEL
   Resumo em painel azul; avisos com ícone (sem borda lateral grossa);
   números em grade de 3 com ícone; canal com ícone de linha.
   ========================================================================== */
#aba-painel .atencao:has(> .atencao-item){gap:var(--ap-e3)}
#aba-painel .atencao-item{display:flex;align-items:center;gap:var(--ap-e4);border:1.5px solid #F2D2AE;border-left-width:1.5px;border-radius:var(--ap-raio-cartao);
  background:#FFF8EE;padding:var(--ap-e4) var(--ap-e5)}
#aba-painel .atencao-item.grave{background:#FFF5F4;border-color:#F5C6C2}
#aba-painel .atencao-item.calmo{background:#F3FBF7;border-color:#BCE9D3}
#aba-painel .at-ic{position:relative;width:40px;height:40px;border-radius:12px;flex:none;background:#FDE7C6}
#aba-painel .at-ic::after{content:"";position:absolute;inset:10px;background:var(--ap-ambar);-webkit-mask:var(--ap-ic-atencao) center/contain no-repeat;mask:var(--ap-ic-atencao) center/contain no-repeat}
#aba-painel .grave .at-ic{background:#FBD5D0} #aba-painel .grave .at-ic::after{background:var(--ap-ruim);-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-painel .calmo .at-ic{background:var(--ap-verde-suave)} #aba-painel .calmo .at-ic::after{background:var(--ap-verde-texto);-webkit-mask-image:var(--ap-ic-bom);mask-image:var(--ap-ic-bom)}
#aba-painel .atencao-item b{font-size:1rem}
#aba-painel .atencao-item span{color:var(--ap-tinta-2)}
#aba-painel .atencao-item .btn-dec{border-radius:var(--ap-pilula);background:#fff;border:1px solid var(--ap-borda);min-height:40px;padding:0 var(--ap-e4)}
#aba-painel .leitura-carteira{background:var(--ap-escuro);color:#C6D8F5;border:0;border-radius:var(--ap-raio-cartao);padding:var(--ap-e5) var(--ap-e6);
  font-size:1.05rem;line-height:1.6;box-shadow:var(--ap-sombra);margin-bottom:var(--ap-e5)}
#aba-painel .leitura-carteira b{color:#fff}
#aba-painel .cartoes{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ap-e3)}
#aba-painel .cartao-num{position:relative;background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra);padding:var(--ap-e5) var(--ap-e5) var(--ap-e5) 76px}
#aba-painel .cn-ic{position:absolute;left:var(--ap-e5);top:var(--ap-e5);width:40px;height:40px;border-radius:12px;background:var(--ap-papel-2)}
#aba-painel .cn-ic::after{content:"";position:absolute;inset:10px;background:var(--ap-acao);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
#aba-painel .cartao-num.ok .cn-ic{background:var(--ap-verde-suave)} #aba-painel .cartao-num.ok .cn-ic::after{background:var(--ap-verde-texto)}
#aba-painel .cartao-num.ruim .cn-ic{background:#FBD5D0} #aba-painel .cartao-num.ruim .cn-ic::after{background:var(--ap-ruim)}
#aba-painel .cartao-num.alerta .cn-ic{background:#FDE7C6} #aba-painel .cartao-num.alerta .cn-ic::after{background:var(--ap-ambar)}
#aba-painel .cartao-num .rot{font-size:.74rem;letter-spacing:.06em;color:var(--ap-tinta-2);opacity:1}
#aba-painel .cartao-num .val{font-family:var(--ap-titulo)}
#aba-painel .cartao-num .obs{color:var(--ap-tinta-2);opacity:1}
#aba-painel .cartao-num[data-k="analisadas"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E")}
#aba-painel .cartao-num[data-k="aprovadas"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.5 9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.5 9'/%3E%3C/svg%3E")}
#aba-painel .cartao-num[data-k="recusadas"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}
#aba-painel .cartao-num[data-k="aguardandodecisao"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E")}
#aba-painel .cartao-num[data-k="scoremedio"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17a9 9 0 1 1 18 0'/%3E%3Cpath d='m12 14 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17a9 9 0 1 1 18 0'/%3E%3Cpath d='m12 14 4-4'/%3E%3C/svg%3E")}
#aba-painel .cartao-num[data-k="valoraprovado"] .cn-ic::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M14.5 9a3 3 0 0 0-5 2.2c0 2.8 5 1.6 5 4.1A3 3 0 0 1 9.5 17M12 7v10'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M14.5 9a3 3 0 0 0-5 2.2c0 2.8 5 1.6 5 4.1A3 3 0 0 1 9.5 17M12 7v10'/%3E%3C/svg%3E")}

#aba-painel .bloco{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-painel .bloco h3{font-family:var(--ap-titulo)}
#aba-painel .funil-trilho{background:var(--ap-papel);border:0;height:14px;border-radius:999px}
#aba-painel .funil-trilho i{border-radius:999px}
#aba-painel .f-aprovada i{background:var(--ap-verde)} #aba-painel .f-parcial i{background:#7FD4A3}
#aba-painel .f-analise i{background:#9DB4D6} #aba-painel .f-pendencia i{background:#F79009} #aba-painel .f-recusada i{background:#F04438}
#aba-painel .risco-barra{border:0;border-radius:10px;height:34px}
#aba-painel .r-baixo{background:var(--ap-verde);color:#0A0F1C} #aba-painel .r-moderado{background:#F79009;color:#0A0F1C} #aba-painel .r-alto{background:#D92D20}
#aba-painel .quem-consultou .nome{display:flex;align-items:center;gap:6px}
#aba-painel .quem-consultou .nome svg,#aba-painel .ativ-info small svg{color:var(--ap-acao);vertical-align:-2px}
#aba-painel .cab-ativ{display:flex;align-items:center;justify-content:space-between;gap:var(--ap-e3);margin-bottom:var(--ap-e3)}
#aba-painel .link-hist{background:none;border:0;color:var(--ap-acao);font:600 .9rem/1 "Inter",sans-serif;cursor:pointer;padding:8px 0}
#aba-painel .link-hist:hover{text-decoration:underline}
#aba-painel .ativ-linha{border-bottom:1px solid var(--ap-borda)}
#aba-painel .chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px}
#aba-painel .chip::before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-painel .chip.verde{background:var(--ap-ok-fundo);color:var(--ap-ok)}
#aba-painel .chip.ambar{background:var(--ap-ambar-fundo);color:var(--ap-ambar)}
#aba-painel .chip.ambar::before{-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-painel .chip.vermelho{background:var(--ap-ruim-fundo);color:var(--ap-ruim)}
#aba-painel .chip.vermelho::before{-webkit-mask-image:var(--ap-ic-ruim);mask-image:var(--ap-ic-ruim)}
#aba-painel .chip.neutro{background:var(--ap-papel-2);color:var(--ap-tinta-2)}
#aba-painel .chip.neutro::before{display:none}
#aba-painel .seletor-periodo{border-radius:var(--ap-pilula);border:1.5px solid var(--ap-borda);padding:9px 16px;background:#fff}
@media (max-width:900px){
  #aba-painel .cartoes{grid-template-columns:1fr 1fr}
  #aba-painel .cartao-num{padding:var(--ap-e4) var(--ap-e4) var(--ap-e4) 64px}
  #aba-painel .cn-ic{left:var(--ap-e4);top:var(--ap-e4);width:36px;height:36px}
  #aba-painel .atencao-item{flex-wrap:wrap}
  #aba-painel .leitura-carteira{padding:var(--ap-e4) var(--ap-e5);font-size:.98rem}
}
#aba-painel .legenda span:nth-child(1) i{background:var(--ap-verde)!important}
#aba-painel .legenda span:nth-child(2) i{background:#F79009!important}
#aba-painel .legenda span:nth-child(3) i{background:#D92D20!important}
@media (min-width:1181px){#aba-painel .grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Celular: em duas colunas, o ícone ao lado comia metade do cartão e o valor
   ("R$ 1.818.000") passava da tela. O ícone sobe para cima do número. */
@media (max-width:480px){
  #aba-painel .cartao-num{min-width:0;padding:var(--ap-e4)}
  #aba-painel .cn-ic{position:relative;left:auto;top:auto;display:block;margin-bottom:var(--ap-e2);width:32px;height:32px}
  #aba-painel .cn-ic::after{inset:8px}
  #aba-painel .cartao-num .val{font-size:1.25rem;line-height:1.2}
}

/* ==========================================================================
   PALETA VIBRANTE DE ESTADO (aprovada em 19/10/2026, avisos = opção B)
   Cor cheia + texto/ícone invertido. Avisos e cartões de estado: cartão
   branco, cor cheia só no quadrado do ícone. Vale para todas as telas.
   Amarelo puro some no branco (1,8:1): em fundo claro ele nunca é texto
   nem ícone solto — só preenchimento com o ícone/texto preto por cima.
   ========================================================================== */
:root{
  --v-bom:#17B579;  --v-bom-t:#0A0F1C;
  --v-aten:#FFB020; --v-aten-t:#0A0F1C;
  --v-crit:#E11D48; --v-crit-t:#FFFFFF;
  --v-info:#06B6D4; --v-info-t:#0A0F1C;
  --v-dest:#7C3AED; --v-dest-t:#FFFFFF;
  /* sobre o azul-marinho (texto colorido grande) */
  --v-bom-esc:#3FD08F; --v-aten-esc:#FFB020; --v-crit-esc:#FF8FA3;
}
/* chips e selos: cor cheia, texto invertido */
#view-app .chip.verde{background:var(--v-bom);color:var(--v-bom-t)}
#view-app .chip.ambar{background:var(--v-aten);color:var(--v-aten-t)}
#view-app .chip.vermelho{background:var(--v-crit);color:var(--v-crit-t)}
#view-app .pill-ok{background:var(--v-bom);color:var(--v-bom-t)}
#view-app .pill-atencao{background:var(--v-aten);color:var(--v-aten-t)}
#view-app .pill-critico{background:var(--v-crit);color:var(--v-crit-t)}
#view-app .pill-info{background:var(--v-info);color:var(--v-info-t)}
#view-app .pill-vazio{background:#E6ECF3;color:#475467}
#view-app .painel-dec .chip,#view-app .pre-hero .chip{box-shadow:0 0 0 2px #fff}
#view-app .selo-situacao{background:var(--v-bom);color:var(--v-bom-t)}
#view-app .selo-situacao.irregular{background:var(--v-crit);color:var(--v-crit-t)}

/* ícone em círculo cheio (listas sobre fundo claro) */
#aba-relatorio .fatores li::before{content:"";-webkit-mask:none;mask:none;width:20px;height:20px;top:1px;border-radius:50%;background:var(--v-bom)}
#aba-relatorio .fatores li::after{content:"";position:absolute;left:3px;top:4px;width:14px;height:14px;background:var(--v-bom-t);
  -webkit-mask:var(--ap-ic-bom) center/contain no-repeat;mask:var(--ap-ic-bom) center/contain no-repeat}
#aba-relatorio .fatores.neg li::before{background:var(--v-aten);-webkit-mask:none;mask:none}
#aba-relatorio .fatores.neg li::after{background:var(--v-aten-t);-webkit-mask-image:var(--ap-ic-atencao);mask-image:var(--ap-ic-atencao)}
#aba-relatorio .fatores li.nenhum::after{display:none}
#aba-relatorio .fatores h4::before{background:var(--v-bom) var(--ap-ic-bom) center/16px no-repeat}
#aba-relatorio .fatores.neg h4::before{background-color:var(--v-aten);background-image:var(--ap-ic-atencao)}
#aba-relatorio .fatores.pos h4,#aba-relatorio .fatores.neg h4{color:var(--ap-tinta)}
#aba-relatorio .cliente-novo{background:#fff;border:1px solid var(--ap-borda);box-shadow:var(--ap-sombra)}
#aba-relatorio .cliente-novo b{color:var(--ap-tinta)}
#aba-relatorio .cliente-novo b::before{width:28px;height:28px;border-radius:8px;background:var(--v-aten) var(--ap-ic-atencao) center/16px no-repeat;-webkit-mask:none;mask:none}
/* indicadores do relatório: cartão branco, estado no selo cheio */
#aba-relatorio .ind.critico,#aba-relatorio .ind.atencao{background:#fff;border-color:var(--ap-borda)}
#aba-relatorio .ind.critico .ind-ico{background:var(--v-crit);color:var(--v-crit-t)}
#aba-relatorio .ind.atencao .ind-ico{background:var(--v-aten);color:var(--v-aten-t)}
/* painel de decisão (azul): título e botões */
#aba-relatorio .dec-titulo{color:var(--v-bom-esc)}
#aba-relatorio .dec-titulo.ambar{color:var(--v-aten-esc)}
#aba-relatorio .dec-titulo.vermelho{color:var(--v-crit-esc)}
#aba-relatorio .painel-dec .btn-dec{border:2px solid #fff}
#aba-relatorio .painel-dec .btn-dec.meio{background:var(--v-aten);color:var(--v-aten-t)}
#aba-relatorio .painel-dec .btn-dec.nao{background:var(--v-crit);color:var(--v-crit-t)}
#aba-relatorio .btn-dec.meio .ic-dec,#aba-relatorio .btn-dec.nao .ic-dec{background:currentColor}
#aba-relatorio .painel-dec .btn-dec.meio:hover{background:#FFC24D}
#aba-relatorio .painel-dec .btn-dec.nao:hover{background:#F43F5E}
#aba-relatorio .painel-dec .btn-dec.marcada{outline:3px solid var(--ap-verde-claro);outline-offset:2px}
#aba-relatorio .dec-ratio i.ok{background:var(--v-bom);color:var(--v-bom-t)}
#aba-relatorio .dec-ratio i.ruim{background:var(--v-crit);color:var(--v-crit-t)}

/* Nova análise */
#aba-analise .passo-st.feita .bola{background:var(--v-bom);color:var(--v-bom-t)}
#aba-analise .passo-st.feita small{color:var(--ap-tinta-2)}
#aba-analise .solta.tem-arquivo{border-color:var(--v-bom);background:#fff}
#aba-analise .solta.tem-arquivo .icone{background:var(--v-bom);color:var(--v-bom-t)}

/* navegação: barra de uso */
#view-app .uso-trilho i.quase{background:var(--v-aten)}
#view-app .uso-trilho i.cheio{background:var(--v-crit)}

/* Histórico */
#aba-historico .consulta[data-pede="decisao"]{background:#fff;border-color:var(--ap-borda)}
#aba-historico .consulta[data-pede="decisao"] .consulta-decisao:first-of-type label{align-self:flex-start;background:var(--v-aten);color:var(--v-aten-t);
  border-radius:999px;padding:2px 8px 2px 6px}
#aba-historico .hist-filtro span::before{width:18px;height:18px;border-radius:6px;-webkit-mask:none!important;mask:none!important}
#aba-historico .hist-filtro.f-aguardando span::before,#aba-historico .hist-filtro.f-sem_desfecho span::before{background:var(--v-aten) var(--ap-ic-atencao) center/12px no-repeat}
#aba-historico .hist-filtro.f-aprovadas span::before{background:var(--v-bom) var(--ap-ic-bom) center/12px no-repeat}
#aba-historico .hist-filtro.f-aguardando b,#aba-historico .hist-filtro.f-aprovadas b{color:var(--ap-tinta)}
#aba-historico .hist-filtro.ativo b{color:#fff}

/* Painel: avisos opção B + cartões com ícone cheio */
#aba-painel .atencao-item,#aba-painel .atencao-item.grave,#aba-painel .atencao-item.calmo{background:#fff;border:1px solid var(--ap-borda);box-shadow:var(--ap-sombra)}
#aba-painel .at-ic{background:var(--v-aten)} #aba-painel .at-ic::after{background:var(--v-aten-t)}
#aba-painel .grave .at-ic{background:var(--v-crit)} #aba-painel .grave .at-ic::after{background:var(--v-crit-t)}
#aba-painel .calmo .at-ic{background:var(--v-bom)} #aba-painel .calmo .at-ic::after{background:var(--v-bom-t)}
#aba-painel .cn-ic{background:var(--v-info)} #aba-painel .cn-ic::after{background:var(--v-info-t)}
#aba-painel .cartao-num.ok .cn-ic{background:var(--v-bom)} #aba-painel .cartao-num.ok .cn-ic::after{background:var(--v-bom-t)}
#aba-painel .cartao-num.ruim .cn-ic{background:var(--v-crit)} #aba-painel .cartao-num.ruim .cn-ic::after{background:var(--v-crit-t)}
#aba-painel .cartao-num.alerta .cn-ic{background:var(--v-aten)} #aba-painel .cartao-num.alerta .cn-ic::after{background:var(--v-aten-t)}
#aba-painel .cartao-num .val,#aba-painel .cartao-num.ok .val,#aba-painel .cartao-num.ruim .val,#aba-painel .cartao-num.alerta .val{color:var(--ap-tinta)}
#aba-painel .f-aprovada i,#aba-painel .r-baixo,#aba-painel .legenda span:nth-child(1) i{background:var(--v-bom)!important}
#aba-painel .f-pendencia i,#aba-painel .r-moderado,#aba-painel .legenda span:nth-child(2) i{background:var(--v-aten)!important}
#aba-painel .f-recusada i,#aba-painel .r-alto,#aba-painel .legenda span:nth-child(3) i{background:var(--v-crit)!important}
#aba-painel .r-alto{color:#fff}

/* ==========================================================================
   TELAS A + B · LOGIN E PRIMEIRO ACESSO
   Painel azul mantido; botão principal verde com texto preto; aba ativa
   em marinho; passos com quadrado verde. Sem faixa grossa no topo.
   ========================================================================== */
#view-auth .confianca .peso,#view-auth .confianca .peso{background:var(--v-bom)!important;color:var(--v-bom-t);border:0!important;border-radius:10px;font-weight:800}
#view-auth .confianca span{opacity:.85}
#view-auth .abas button.ativa{background:var(--ap-escuro);color:#fff}
#view-auth #btn-auth,#view-empresa #btn-empresa{background:var(--ap-botao);color:var(--ap-botao-texto);border-radius:var(--ap-pilula);min-height:50px;font-weight:700;
  box-shadow:0 6px 18px rgba(23,181,121,.32)}
#view-auth #btn-auth:hover,#view-empresa #btn-empresa:hover{background:var(--ap-botao-hover)}
#view-auth #btn-auth:focus-visible,#view-empresa #btn-empresa:focus-visible{outline:3px solid var(--ap-botao-texto);outline-offset:2px}
#view-auth #btn-google{border-radius:var(--ap-pilula);min-height:50px}
#view-auth .campo input,#view-empresa .campo input{background:#fff}
#view-empresa .cartao{box-shadow:var(--ap-sombra-alta)}
#view-empresa .logo-primeiro{display:block;height:28px;width:auto;margin-bottom:var(--ap-e6)}
#view-empresa .titulo-primeiro{font-family:var(--ap-titulo);font-size:1.6rem;font-weight:700;letter-spacing:-.015em;margin-bottom:var(--ap-e2)}
#view-empresa .intro-primeiro{font-size:.95rem;color:var(--ap-tinta-2);margin-bottom:var(--ap-e6)}
@media (max-width:900px){
  #view-auth .confianca,#view-auth .selo-rodape{display:none}
  #view-auth .auth-marca{padding:var(--ap-e5) var(--ap-e4) var(--ap-e6)}
  #view-auth .auth-marca h1{font-size:1.6rem;margin:var(--ap-e4) 0 var(--ap-e2)}
}
#view-empresa .linha-2{grid-template-columns:1fr;gap:0}
@media (max-width:900px){#view-auth .auth-marca{min-height:0;justify-content:flex-start;gap:0}#view-auth .auth-palco{padding-top:var(--ap-e5)}}

/* ==========================================================================
   TELA J · CONFIGURAÇÕES
   Selecionado em marinho; ficha ativa e salvar em verde (texto preto);
   prévia como mensagem de conversa; administração marcada em roxo.
   ========================================================================== */
#aba-config .bloco,#aba-perfil .bloco,#aba-empresa .bloco,#aba-admin .bloco{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-config .bloco h3,#aba-perfil .bloco h3,#aba-empresa .bloco h3,#aba-admin .bloco h3{font-family:var(--ap-titulo);font-size:1.15rem}
#aba-config .ajuste input[type=text],#aba-config .ajuste textarea,#aba-config textarea{background:#fff!important;border:1.5px solid var(--ap-borda)!important;border-radius:12px!important}
#aba-config .escolhas button{border:1.5px solid var(--ap-borda);border-radius:var(--ap-raio);background:#fff}
#aba-config .escolhas button.ativa{background:var(--ap-escuro);border-color:var(--ap-escuro);box-shadow:none}
#aba-config .escolhas button.ativa b{color:#fff}
#aba-config .escolhas button.ativa span{color:#C6D8F5}
#aba-config .fichas button{border:1.5px solid var(--ap-borda);border-radius:999px;background:#fff}
#aba-config .fichas button.ativa{background:var(--v-bom);border-color:var(--v-bom);color:var(--v-bom-t)}
#aba-config .chave input:checked + .pista{background:var(--v-bom)}
#aba-config .previa{background:var(--ap-papel);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--ap-raio-cartao);padding:var(--ap-e4) var(--ap-e5)}
#aba-config .previa-rot{color:var(--ap-tinta-2);letter-spacing:.08em}
#aba-config .previa-conversa{display:flex;gap:var(--ap-e3);align-items:flex-end;margin-top:var(--ap-e3)}
#aba-config .previa-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ap-escuro);color:#fff;font:700 .85rem/1 Manrope,sans-serif}
#aba-config .previa p{margin:0;background:#fff;border:1px solid var(--ap-borda);border-radius:4px 16px 16px 16px;padding:var(--ap-e3) var(--ap-e4);
  font-style:normal;color:var(--ap-tinta);box-shadow:0 1px 2px rgba(16,43,80,.06);max-width:52ch}
#aba-config #btn-pers-salvar{background:var(--ap-botao);color:var(--ap-botao-texto);border-radius:999px;font-weight:700}
#aba-config #btn-pers-salvar:hover{background:var(--ap-botao-hover)}
#aba-config #btn-pers-melhorar{border-radius:999px}
/* o que muda / não muda: ícone em quadrado cheio */
#aba-config .lista-explica.muda li{position:relative;padding-left:40px;min-height:28px}
#aba-config .lista-explica.muda li::before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:8px;border:0;
  background:var(--v-bom) var(--ap-ic-bom) center/16px no-repeat}
#aba-config .lista-explica.muda li.nao::before{background-color:var(--v-crit);background-image:var(--ap-ic-ruim)}
#aba-config .lista-explica.muda li.todos::before{background-color:var(--v-info);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2 20v-1a5 5 0 0 1 10 0v1M16 4a3.5 3.5 0 0 1 0 7M22 20v-1a5 5 0 0 0-4-4.9'/%3E%3C/svg%3E")}
/* administração: marcada como área interna */
#aba-config #bloco-admin{border-color:#CDB8F7}
#aba-config .admin-cab,#aba-admin .admin-cab{display:flex;align-items:center;gap:var(--ap-e3);flex-wrap:wrap}
#aba-config .chip-admin,#aba-admin .chip-admin{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;background:var(--v-dest);color:var(--v-dest-t);font:700 .72rem/1.4 Inter,sans-serif;letter-spacing:.02em}
#aba-config .secao-admin,#aba-config #bloco-admin > div:last-child{border-top-color:var(--ap-borda)}

/* ==========================================================================
   TELAS H + I · EQUIPE E PLANO
   ========================================================================== */
#aba-equipe .bloco,#aba-plano .bloco,#aba-empresa .bloco,#aba-admin .bloco{background:#fff;border:1px solid var(--ap-borda);border-radius:var(--ap-raio-cartao);box-shadow:var(--ap-sombra)}
#aba-equipe .bloco h3,#aba-plano .bloco h3,#aba-empresa .bloco h3,#aba-admin .bloco h3{font-family:var(--ap-titulo);font-size:1.15rem}
#aba-equipe form input,#aba-equipe form select,#aba-admin form input,#aba-admin form select{background:#fff!important;border:1.5px solid var(--ap-borda)!important;border-radius:12px!important;min-height:46px}
#aba-equipe form .botao,#aba-admin form .botao{background:var(--ap-botao);color:var(--ap-botao-texto);border-radius:999px;font-weight:700;min-height:46px}
#aba-equipe form .botao:hover,#aba-admin form .botao:hover{background:var(--ap-botao-hover)}
#aba-equipe .pessoa,#aba-admin .pessoa{display:flex;align-items:center;gap:var(--ap-e3);padding:var(--ap-e3) 0;border-bottom:1px solid var(--ap-borda);flex-wrap:wrap}
#aba-equipe .pessoa:last-child,#aba-admin .pessoa:last-child{border-bottom:0}
#aba-equipe .pessoa-av,#aba-admin .pessoa-av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ap-escuro);color:#fff;font:700 .74rem/1 Inter,sans-serif}
#aba-equipe .pessoa-av.zap,#aba-admin .pessoa-av.zap{background:var(--v-bom);color:var(--v-bom-t)}
#aba-equipe .pessoa.pendente .pessoa-av,#aba-admin .pessoa.pendente .pessoa-av{background:#E6ECF3;color:var(--ap-tinta-2)}
#aba-equipe .pessoa-txt,#aba-admin .pessoa-txt{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
#aba-equipe .pessoa-txt b,#aba-admin .pessoa-txt b{font-size:.94rem;overflow-wrap:anywhere}
#aba-equipe .papel,#aba-admin .papel{display:inline-flex;align-items:center;border-radius:999px;padding:2px 10px;font:700 .7rem/1.5 Inter,sans-serif;letter-spacing:.02em}
#aba-equipe .papel.dono,#aba-admin .papel.dono{background:var(--ap-escuro);color:#fff}
#aba-equipe .papel.membro,#aba-admin .papel.membro{background:#E6ECF3;color:#344054}
#aba-equipe .papel.convite,#aba-admin .papel.convite{background:var(--v-aten);color:var(--v-aten-t)}
#aba-equipe .pessoa-acoes,#aba-admin .pessoa-acoes{display:flex;gap:var(--ap-e2);align-items:center;flex-wrap:wrap;margin-left:auto}
#aba-equipe .voce,#aba-admin .voce{font-size:.82rem;color:var(--ap-tinta-2)}
#aba-equipe .btn-pilula,#aba-admin .btn-pilula{min-height:36px;padding:0 var(--ap-e4);border-radius:999px;border:1.5px solid var(--ap-borda);background:#fff;color:var(--ap-tinta);font:600 .84rem/1 Inter,sans-serif;cursor:pointer}
#aba-equipe .btn-pilula:hover,#aba-admin .btn-pilula:hover{border-color:#B8C6DA}
#aba-equipe .btn-pilula.perigo,#aba-admin .btn-pilula.perigo{color:var(--v-crit);border-color:#F6C2CD}
#aba-equipe .btn-pilula.perigo:hover,#aba-admin .btn-pilula.perigo:hover{background:var(--v-crit);color:var(--v-crit-t);border-color:var(--v-crit)}
/* plano */
#aba-plano .uso-plano-cartao,#aba-empresa .uso-plano-cartao{background:var(--ap-escuro);border-color:var(--ap-escuro);color:#C6D8F5}
#aba-plano .plano-nome,#aba-empresa .plano-nome{display:inline-flex;border-radius:999px;padding:3px 12px;background:rgba(255,255,255,.12);color:#fff;font:700 .74rem/1.5 Inter,sans-serif;text-transform:capitalize}
#aba-plano .uso-grande,#aba-empresa .uso-grande{display:flex;align-items:baseline;gap:var(--ap-e2);margin:var(--ap-e4) 0 var(--ap-e3)}
#aba-plano .uso-grande b,#aba-empresa .uso-grande b{font-family:var(--ap-titulo);font-size:3rem;line-height:1;color:#fff}
#aba-plano .uso-grande span,#aba-empresa .uso-grande span{font-size:.95rem}
#aba-plano .uso-barra,#aba-empresa .uso-barra{height:12px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
#aba-plano .uso-barra i,#aba-empresa .uso-barra i{display:block;height:100%;border-radius:999px;background:var(--v-bom)}
#aba-plano .uso-barra.quase i,#aba-empresa .uso-barra.quase i{background:var(--v-aten)} #aba-plano .uso-barra.cheio i,#aba-empresa .uso-barra.cheio i{background:var(--v-crit)}
#aba-plano .uso-resta,#aba-empresa .uso-resta{margin:var(--ap-e3) 0 var(--ap-e4);font-size:.92rem}
#aba-plano .uso-resta b,#aba-empresa .uso-resta b{color:#fff}
#aba-plano .uso-plano-cartao .sub,#aba-empresa .uso-plano-cartao .sub{color:#93AECF!important;opacity:1}
#aba-plano .lista-checks-v,#aba-empresa .lista-checks-v{list-style:none;display:flex;flex-direction:column;gap:var(--ap-e3);margin:var(--ap-e2) 0 var(--ap-e5)}
#aba-plano .lista-checks-v li,#aba-empresa .lista-checks-v li{position:relative;padding-left:34px;font-size:.95rem;min-height:24px;display:flex;align-items:center}
#aba-plano .lista-checks-v li::before,#aba-empresa .lista-checks-v li::before{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border-radius:7px;background:var(--v-bom) var(--ap-ic-bom) center/14px no-repeat}
#aba-plano .btn-mais-consultas,#aba-empresa .btn-mais-consultas{display:inline-flex;align-items:center;gap:var(--ap-e2);min-height:46px;padding:0 var(--ap-e5);border-radius:999px;
  background:var(--ap-botao);color:var(--ap-botao-texto);font:700 .92rem/1 Inter,sans-serif;text-decoration:none}
#aba-plano .btn-mais-consultas:hover,#aba-empresa .btn-mais-consultas:hover{background:var(--ap-botao-hover);text-decoration:none}
#aba-plano .cred-num,#aba-empresa .cred-num{background:var(--ap-papel);border:0;border-radius:var(--ap-raio)}
#aba-plano .cred-num.destaque,#aba-empresa .cred-num.destaque{background:var(--ap-escuro);color:#fff}
#aba-plano .cred-num.destaque .r,#aba-empresa .cred-num.destaque .r{opacity:.75}