/* Respostas em blocos da Inovia (09/10/2026): parágrafos com negrito, KPIs, gráficos, ações e fontes, no cartão escuro do chat.
   Cores de situação iguais às das ilustrações da página (verde, amarelo, vermelho, cinza). */
.ivb{display:flex;flex-direction:column;gap:14px;min-width:0;width:100%}
.ivb>*{min-width:0}
.ivb-in{animation:ivbIn .6s cubic-bezier(.22,1,.36,1) both}
@keyframes ivbIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.s-bom{--c:#5BD38A}.s-atencao{--c:#F5C542}.s-ruim{--c:#FF4A42}.s-nenhum{--c:#ACACB2}

/* texto */
.ivb-tx{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.65;font-weight:300;color:#D6D5D1;text-wrap:pretty;overflow-wrap:anywhere}
.ivb-tx p,.ivb-tx ul{margin:0}
.ivb-tx strong{font-weight:600;color:#FFFFFF}
.ivb-tx.lead{font-size:16.5px;line-height:1.55;color:#F4F3F1}
.ivb-tx ul{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0}
.ivb-tx li{position:relative;padding-left:18px}
.ivb-tx li::before{content:"";position:absolute;left:3px;top:.72em;width:5px;height:5px;border-radius:50%;background:#6E6E74}
.ivb-w{display:inline-block;opacity:0;animation:ivbW .5s cubic-bezier(.22,1,.36,1) both}
@keyframes ivbW{from{opacity:0;transform:translateY(5px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}

/* KPIs */
/* Colunas pela largura do cartão da resposta, não da tela: 4 KPIs viram 2x2 no estreito e uma linha no largo. */
/* O cartão da resposta ocupa o espaço todo ao lado do cérebro: sem isso a largura dependeria do conteúdo e o container query zeraria. */
.iv-resp-tx{flex:1 1 0}
.ivb{container-type:inline-size}
.ivb-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ivb-kpis.n1{grid-template-columns:minmax(0,1fr)}
.ivb-kpis.n3 .ivb-kpi:last-child{grid-column:1/-1}
@container (min-width:430px){.ivb-kpis.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.ivb-kpis.n3 .ivb-kpi:last-child{grid-column:auto}}
@container (min-width:600px){.ivb-kpis.n4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ivb-kpi{display:flex;flex-direction:column;gap:7px;padding:14px 14px 13px;border-radius:16px;background:#1B1B1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);animation:ivbIn .6s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--k,0)*90ms)}
.ivb-kpi-r{font-size:11.5px;line-height:1.3;font-weight:500;color:#9A9AA0}
.ivb-kpi-v{display:flex;align-items:baseline;gap:3px;font-size:30px;line-height:1;font-weight:300;letter-spacing:-.04em;color:#F4F3F1;font-variant-numeric:tabular-nums}
.ivb-kpi-v small{font-size:13px;font-weight:400;letter-spacing:0;color:#6E6E74}
.ivb-kpi-bar{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.ivb-kpi-bar i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--c,#ACACB2);transform-origin:left;animation:ivbBar 1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--k,0)*90ms + 200ms)}
@keyframes ivbBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ivb-kpi-s{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--c)}
.ivb-kpi-s::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c)}
.ivb-kpi-n{font-size:11px;line-height:1.35;font-weight:300;color:#6E6E74}

/* gráficos */
.ivb-graf{padding:16px 16px 14px;border-radius:18px;background:#1B1B1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ivb-graf-t{font-size:12.5px;font-weight:600;color:#F4F3F1;margin-bottom:4px}
.ivb-bar{display:grid;grid-template-columns:minmax(76px,34%) 1fr auto;align-items:center;gap:10px;margin-top:10px;font-size:12.5px}
.ivb-bar-l{line-height:1.25;color:#B9B9BE;overflow-wrap:anywhere}
.ivb-bar-t{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}
.ivb-bar-t i{display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--c,#ACACB2);transform-origin:left;animation:ivbBar 1s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--k,0)*80ms + 120ms)}
.ivb-bar.s-nenhum .ivb-bar-t i{background:#E7E6E2}
.ivb-bar-v{min-width:34px;text-align:right;font-weight:600;color:#F4F3F1;font-variant-numeric:tabular-nums}
.ivb-med{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ivb-med-s{flex:none;width:200px;max-width:100%;height:auto;overflow:visible}
.ivb-med-fundo{stroke:rgba(255,255,255,.09)}
.ivb-med-marca{stroke:rgba(255,255,255,.28)}
.ivb-med-v{stroke:var(--c,#ACACB2);stroke-dashoffset:var(--off);animation:ivbMed 1.2s cubic-bezier(.22,1,.36,1) both}
@keyframes ivbMed{from{stroke-dashoffset:var(--len)}to{stroke-dashoffset:var(--off)}}
.ivb-med-n{font-size:40px;font-weight:300;letter-spacing:-.04em;fill:#F4F3F1;font-variant-numeric:tabular-nums}
.ivb-med-de{font-size:11px;font-weight:400;fill:#6E6E74}
.ivb-med-l{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px;line-height:1.4;color:#F4F3F1}
.ivb-med-l strong{font-weight:600}

/* ações e fontes */
.ivb-acoes{margin-top:2px}
.ivb-fontes{margin:0;font-size:11.5px;line-height:1.5;font-weight:300;color:#6E6E74;text-wrap:pretty}

/* rodando o Raio-X */
.ivb-an{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:#1B1B1F;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ivb-an-ic{flex:none;width:22px;height:22px;margin-top:1px;border-radius:50%;border:2px solid rgba(255,255,255,.14);border-top-color:#F4F3F1;animation:ivbGira 1s linear infinite}
.ivb-an.erro .ivb-an-ic{display:none}
.ivb-an-c{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.ivb-an-c strong{font-size:14px;font-weight:600;color:#F4F3F1;overflow-wrap:anywhere}
.ivb-an-s{font-size:13px;line-height:1.5;font-weight:300;color:#9A9AA0}
.ivb-an-p{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.ivb-an-p::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:#F4F3F1;animation:ivbCorre 1.8s cubic-bezier(.45,0,.55,1) infinite}
.ivb-an.erro .ivb-an-p,.ivb-an.erro .ivb-an-aviso{display:none}
.ivb-an-aviso{font-size:11.5px;line-height:1.45;font-weight:300;color:#6E6E74}
.ivb-an-a{align-self:flex-start;margin-top:4px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#F4F3F1;font-size:13px;font-weight:500;transition:background .35s}
.ivb-an-a:hover{background:rgba(255,255,255,.16)}
@keyframes ivbGira{to{transform:rotate(360deg)}}
@keyframes ivbCorre{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}

@media (max-width:999px){
  /* Resposta com KPIs e gráfico precisa de mais janela do que o texto simples (antes: 420px). */
  .iv-hero.conversa .iv-chat{max-height:min(72svh,680px)}
}
@media (max-width:640px){
  /* Celular: o cérebro pequeno vai para cima do conteúdo, que passa a usar a largura inteira do cartão. */
  .iv-resp{flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px 16px}
  .iv-resp-tx{flex:none;width:100%}
}
@media (max-width:480px){
  .ivb-tx.lead{font-size:16px}
  .ivb-kpi-v{font-size:27px}
  .ivb-bar{grid-template-columns:minmax(64px,36%) 1fr auto;gap:8px}
  .ivb-med{justify-content:center;text-align:center}
  .ivb-med-l{align-items:center}
}
@media (prefers-reduced-motion:reduce){
  .ivb-in,.ivb-kpi,.ivb-w,.ivb-kpi-bar i,.ivb-bar-t i,.ivb-med-v{animation:none!important}
  .ivb-w{opacity:1}
  .ivb-an-ic,.ivb-an-p::after{animation:none!important}
  .ivb-an-p::after{width:100%}
}