/* Páginas de serviço, 22/10 (juiz de gosto, leva 4): sem comparação ✗/✓ e com a parte de baixo visual.
   Formatos em scripts/servicos-visuais.mjs (conversaAcoes, rastreio, absorve, sinaisTarefa, faqIndicadores)
   e scripts/build-servicos.mjs (leituras 'paineis' e 'folhas', outros 'fontes' e 'trilha'). */

/* ---------- agente: uma conversa só, com o que o agente fez em cada mensagem ---------- */
@media(min-width:1000px){.ca{grid-template-columns:minmax(0,.75fr) minmax(0,2fr);grid-template-areas:"t q" "n q";gap:20px 56px;align-items:start}.ca>.sv-titulo{grid-area:t}.ca-quadro{grid-area:q}.ca-nota{grid-area:n}}
.ca-quadro{background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -50px rgba(21,22,24,.45)}
.sv-bloco .ca-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;padding:12px 20px;background:#F1F0EC;border-bottom:1px solid #E3E3E0;font-size:13px;line-height:1.4}
.ca-cab b{color:#151618;font-weight:600}.ca-cab span{color:#55575B}
.sv-bloco .ca-cols{display:grid;grid-template-columns:58% 42%;margin:0;font:600 12px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#55575B;border-bottom:1px solid #E3E1DC}
.ca-cols span{padding:10px 20px}.ca-cols span:first-child{background:#EFEAE2}
.ca-quadro>ol{list-style:none;margin:0;padding:0;background:linear-gradient(90deg,#EFEAE2 58%,#FFFFFF 58%)}
.ca-quadro>ol>li{display:grid;grid-template-columns:58% 42%;align-items:center}
.ca-quadro>ol>li+li{border-top:1px dashed #DCD6CC}
.ca-lado{padding:14px 20px;display:grid}
.sv-bloco .ca-msg{margin:0;max-width:92%;padding:10px 14px;border-radius:12px;font-size:15px;line-height:1.5;color:#151618;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.ca-c{background:#FFFFFF;justify-self:start;border-top-left-radius:3px}
.ca-a{background:#D7F3C9;justify-self:end;border-top-right-radius:3px}
.ca-feito{list-style:none;margin:0;padding:14px 20px;display:grid;gap:6px}
.ca-feito li{position:relative;padding-left:18px;font-size:14px;line-height:1.45;color:#3A3C40}
.ca-feito li::before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#C2814F;box-shadow:0 0 0 3px #FBEEE3}
.ca-feito b{font:600 12px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase;color:#8A4F22}
.sv-bloco .ca-nota{margin:0;padding:12px 16px;font-size:15px;line-height:1.55;color:#3A3C40;background:#FBF6F1;border-left:3px solid #C2814F;border-radius:0 10px 10px 0}
.ca-nota b{color:#151618}
@media(max-width:700px){
  .sv-bloco .ca-cols{display:none}
  .ca-quadro>ol{background:#FFFFFF}.ca-quadro>ol>li{grid-template-columns:1fr}
  .ca-lado{background:#EFEAE2;padding:12px 14px}.ca-feito{padding:10px 14px 14px}
  .sv-bloco .ca-msg{font-size:14.5px}
}

/* ---------- Nodarya: um passo aberto, com as fontes que o sustentam ---------- */
.rs{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);background:#FFFFFF;border:1px solid #E1E4E9;border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -50px rgba(14,15,17,.4)}
.rs-fluxo{display:grid;justify-items:center;align-content:center;padding:28px 20px;background:#F7F8FA;border-right:1px solid #E1E4E9}
.rs-fluxo span{min-width:180px;padding:11px 16px;text-align:center;background:#FFFFFF;border:1px solid #B9BFC9;border-radius:6px;font:500 14px Inter,sans-serif;color:#3F4550}
.rs-fluxo span.on{border:2px solid #3155D6;color:#0E0F11;font-weight:600;box-shadow:0 0 0 5px rgba(49,85,214,.12)}
.rs-fluxo i{width:1px;height:24px;background:#5C6370}
.rs-painel{padding:20px 24px 22px;display:grid;gap:12px;align-content:start}
.sv-bloco .rs-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:0;padding-bottom:10px;border-bottom:1px solid #E1E4E9;font-size:13px;color:#5C6370}
.rs-cab b{font:600 18px 'Inter Tight',Inter,sans-serif;color:#0E0F11}
.rs-painel ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rs-painel li{display:grid;gap:3px;padding:10px 14px;border:1px solid #E1E4E9;border-left:3px solid #3155D6;border-radius:8px}
.rs-painel li.rs-conflito{border-left-color:#B7791F;background:#FFF8EC}
.rs-painel small{font:500 12px 'DM Mono',monospace;color:#4B515C}
.rs-painel q{font-size:15px;line-height:1.45;color:#0E0F11}
.rs-painel em{font-style:normal;font-size:12.5px;font-weight:600;color:#2A47B8}
.rs-conflito em{color:#7A4E0E}
.sv-bloco .rs-usa{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;color:#4B515C}
.rs-usa b{padding:4px 10px;border-radius:999px;background:#EEF1FB;color:#2A47B8;font-size:12.5px;font-weight:600}
.sv-bloco .rs-acesso{margin:0;font-size:13px;color:#4B515C}
@media(max-width:800px){.rs{grid-template-columns:1fr}.rs-fluxo{border-right:0;border-bottom:1px solid #E1E4E9;padding:18px}.rs-fluxo span{min-width:0;width:100%;max-width:240px}.rs-fluxo i{height:14px}.rs-painel{padding:16px}}

/* ---------- sistemas: o que já existia entrando em cada sistema ---------- */
.ab{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ab>li{display:grid;grid-template-rows:auto 1fr}
.ab-entra{list-style:none;margin:0;padding:16px 16px 26px;display:grid;gap:10px;align-content:start;background:#ECEBE7;border-radius:14px 14px 0 0;position:relative}
.ab-entra::after{content:'';position:absolute;left:50%;bottom:-9px;width:18px;height:18px;background:#ECEBE7;transform:translateX(-50%) rotate(45deg);z-index:1}
.ab-entra li{display:grid;gap:4px}
.ab-arq{display:flex;gap:9px;align-items:center;min-width:0;padding:7px 10px;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:8px;font:500 13px/1.35 'DM Mono',monospace;color:#3A3C40;overflow-wrap:anywhere}
.ab-arq::before{content:'';flex:none;width:16px;height:19px;border-radius:3px}
.ab-xls::before{background:linear-gradient(#FFFFFF 0 0) 4px 5px/8px 1.5px no-repeat,linear-gradient(#FFFFFF 0 0) 4px 9px/8px 1.5px no-repeat,linear-gradient(#FFFFFF 0 0) 4px 13px/8px 1.5px no-repeat,#1E7145}
.ab-pdf::before{background:#C3281E}
.ab-papel::before{background:#F2D58A;transform:rotate(-4deg)}
.ab-fala::before{background:#D7F3C9;border:1px solid #9BC98A;border-radius:8px 8px 8px 2px;height:15px}
.ab-mail::before{background:linear-gradient(35deg,transparent 46%,#8A8D93 47% 53%,transparent 54%) 0 0/50% 100% no-repeat,linear-gradient(-35deg,transparent 46%,#8A8D93 47% 53%,transparent 54%) 100% 0/50% 100% no-repeat,#FFFFFF;border:1.5px solid #8A8D93;height:13px;border-radius:2px}
.ab-entra b{padding-left:12px;font:600 13px Inter,sans-serif;color:#8A4F22}
.ab-entra b::before{content:'↳ ';color:#C2814F}
.ab-sis{display:grid;gap:6px;align-content:start;padding:0 20px 22px;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-top:3px solid #C2814F;border-radius:0 0 14px 14px;box-shadow:0 36px 60px -46px rgba(21,22,24,.5)}
.sv-bloco .ab-barra{display:flex;gap:5px;margin:0 -20px 10px;padding:9px 14px;background:#F6F5F2;border-bottom:1px solid #ECEAE6}
.ab-barra i{width:8px;height:8px;border-radius:50%;background:#D4D2CD}
.ab-sis small{font:600 12px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#8A4F22}
.sv-bloco .ab-sis p{margin:0;font-size:14.5px;line-height:1.6}
@media(max-width:900px){.ab{grid-template-columns:1fr;gap:28px}}

/* ---------- treinamento: os sinais e uma tarefa do pedido ao resultado ---------- */
.tf-sinais{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;counter-reset:tf}
.tf-sinais li{counter-increment:tf;padding-top:12px;border-top:2px solid #151618;font-size:15px;line-height:1.5;color:#25272B}
.tf-sinais li::before{content:counter(tf,decimal-leading-zero);display:block;margin-bottom:6px;font:600 12px 'DM Mono',monospace;color:#8A4F22}
.tf-tarefa{margin-top:12px;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:16px;overflow:hidden;box-shadow:0 40px 70px -50px rgba(21,22,24,.45)}
.sv-bloco .tf-cab{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;padding:12px 22px;background:#F1F0EC;border-bottom:1px solid #E3E3E0;font-size:13px;line-height:1.4}
.tf-cab b{color:#151618;font-weight:600}.tf-cab span{font-family:'DM Mono',monospace;color:#55575B}
.tf-passos{list-style:none;margin:0;padding:24px 22px 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px}
.tf-passos>li{position:relative;display:grid;gap:12px;align-content:start}
.tf-passos>li:not(:last-child)::after{content:'→';position:absolute;right:-32px;top:120px;font-size:20px;color:#9A6236}
.sv-bloco .tf-passos h3{display:flex;gap:10px;align-items:baseline;margin:0;font-size:17px}
.tf-passos h3 span{font:600 12px 'DM Mono',monospace;color:#8A4F22}
.tf-art{display:grid;gap:8px;align-content:start;min-height:190px;padding:14px;background:#F6F4F1;border-radius:12px}
.sv-bloco .tf-chip{justify-self:start;margin:0;padding:4px 10px;font:600 12px 'DM Mono',monospace;color:#8A4F22;background:#FBF1E8;border:1px solid #E9CBB2;border-radius:999px}
.sv-bloco .tf-msg{margin:0;padding:10px 12px;font-size:14.5px;line-height:1.5;color:#151618;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:12px 12px 12px 3px}
.sv-bloco .tf-arq{display:flex;gap:8px;align-items:center;margin:0;padding:8px 10px;font:500 13px/1.3 'DM Mono',monospace;color:#3A3C40;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:8px;overflow-wrap:anywhere}
.tf-arq::before{content:'';flex:none;width:14px;height:18px;border-radius:3px}
.tf-xls::before{background:#1E7145}.tf-pdf::before{background:#C3281E}
.sv-bloco .tf-tag{margin:0;padding:7px 10px;font-size:13px;line-height:1.4;color:#5E410C;background:#FBF0D9;border:1px solid #EBCB85;border-radius:8px}
.tf-tab{width:100%;border-collapse:collapse;background:#FFFFFF;border-radius:8px;overflow:hidden;font-size:13.5px;line-height:1.35}
.tf-tab td{padding:8px 9px;border-bottom:1px solid #EEECE8;color:#3A3C40;vertical-align:top}
.tf-tab tr:last-child td{border-bottom:0}
.tf-tab td:nth-child(-n+2){white-space:nowrap;font-variant-numeric:tabular-nums}
.tf-div td:last-child{color:#9A2E1E;font-weight:600}
.sv-bloco .tf-confere{margin:0;font-size:13px;font-weight:600;color:#2F6B45}
.sv-bloco .tf-nota{margin:0;padding-left:12px;border-left:2px solid #C2814F;font-size:14px;line-height:1.5;color:#3A3C40}
@media(max-width:1100px){.tf-sinais{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .tf-sinais{grid-template-columns:1fr;gap:0}.tf-sinais li{display:grid;grid-template-columns:30px 1fr;padding:12px 0;border-top-width:1px}.tf-sinais li::before{margin:2px 0 0}
  .tf-passos{grid-template-columns:1fr;gap:40px;padding:18px 16px 22px}
  .tf-passos>li:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-33px}
  .tf-art{min-height:0}
}

/* ---------- indicadores: um visual pequeno por pergunta ---------- */
.fqv{display:grid;gap:8px;align-content:center;min-height:128px;padding:12px;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:12px}
.fqv em{font-style:normal;font-size:12.5px;line-height:1.35;color:#55575B}
.fqv-ferr{grid-template-columns:repeat(3,minmax(0,1fr))}.fqv-ferr em{grid-column:1/-1}
.fqv-ferr span{display:grid;gap:2px;align-content:start;padding:8px;border:1px solid #E3E1DC;border-radius:8px}
.fqv-ferr small{font-size:12px;line-height:1.25;color:#55575B}.fqv-ferr b{font:600 22px 'Inter Tight',Inter,sans-serif;color:#151618}
.fqv-fonte span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:6px 10px;border:1px solid #E3E1DC;border-radius:8px}
.fqv-fonte small{font-size:12.5px;color:#55575B}.fqv-fonte b{font:600 16px 'Inter Tight',Inter,sans-serif;font-variant-numeric:tabular-nums;color:#151618}
.fqv-fonte .on{border-color:#C2814F;background:#FBF1E8}.fqv-fonte .on em{grid-column:1/-1;font:600 12px 'DM Mono',monospace;color:#8A4F22}
.fqv-poucos p{margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.fqv-poucos i{height:18px;border-radius:3px;background:#ECEBE7}.fqv-poucos i.on{background:#C2814F}

/* ---------- leituras: mini painéis (indicadores) e folhas de POP (POP) ---------- */
.lp{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lp a{height:100%;display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:6px;padding:16px 20px 20px;color:#151618;text-decoration:none;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-top:3px solid #151618;border-radius:12px;box-shadow:0 30px 60px -48px rgba(21,22,24,.5);transition:transform .2s var(--ease,ease)}
.lp a:hover{transform:translateY(-3px)}
.lp-cab{display:flex;justify-content:space-between;gap:10px;font:600 12px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#55575B}
.lp-n{margin-top:6px;font:700 clamp(40px,4vw,56px)/1 'Inter Tight',Inter,sans-serif;letter-spacing:-.03em;color:#151618}
.lp-t{font-size:14px;line-height:1.45;color:#55575B}
.lp-vis{display:flex;gap:5px;align-items:flex-end;height:30px;margin:4px 0}
.lp-vis i{font-style:normal}
.lp-perguntas i{display:grid;place-items:center;width:28px;height:28px;border:1.5px solid #C2814F;border-radius:6px;font:600 12px 'DM Mono',monospace;color:#8A4F22}
.lp-medidas i{flex:1;padding-top:5px;border-top:5px solid #C2814F;font-size:12px;color:#55575B}.lp-medidas i:nth-child(2){border-top-color:#151618}.lp-medidas i:nth-child(3){border-top-color:#9A9890}
.lp-dias i{flex:1;height:100%;border-radius:2px;background:#151618}.lp-dias i:nth-child(-n+7){background:#C2814F}.lp-dias i:nth-child(-n+3){background:#E9CBB2}
.lp strong{padding-top:10px;border-top:1px solid #E3E1DC;font:600 16px/1.35 'Inter Tight',Inter,sans-serif;align-self:start}
.lp-ler{font-size:14px;font-weight:600;color:#8A4F22}
.lf{list-style:none;margin:0;padding:12px 10px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.lf li{position:relative;transform:rotate(calc((var(--i) - 1) * 1.6deg));transition:transform .25s var(--ease,ease)}
.lf li:nth-child(2){margin-top:14px}
.lf li::before{content:'';position:absolute;inset:7px -7px -7px 7px;background:#FAFAF8;border:1px solid rgba(21,22,24,.12);border-radius:3px;z-index:-1}
.lf li:hover{transform:rotate(0) translateY(-6px);z-index:2}
.lf a{position:relative;height:100%;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:16px 18px 20px;color:#151618;text-decoration:none;background:#FFFFFF;border:1px solid rgba(21,22,24,.14);border-radius:3px;box-shadow:0 30px 50px -36px rgba(21,22,24,.55)}
.lf-cab{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:2px solid #151618;font:600 12px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#55575B}
.lf-cab b{color:#151618}
.lf img{display:block;width:100%;height:auto;aspect-ratio:600/315;object-fit:cover;border-radius:2px}
.lf strong{font:600 17px/1.35 'Inter Tight',Inter,sans-serif}
.lf-ler{font-size:14px;font-weight:600;color:#8A4F22}
@media(max-width:900px){
  .lp{grid-template-columns:1fr;gap:14px}
  .lf{grid-template-columns:1fr;gap:22px;padding:4px 8px 12px 0}.lf li{transform:rotate(calc((var(--i) - 1) * .7deg))}.lf li:nth-child(2){margin-top:0}
}

/* ---------- outros serviços: trilha do processo (POP) e fontes do painel (indicadores) ---------- */
.ot h2,.of h2{margin:0;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.15}
.ot ol{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative}
.ot ol::before{content:'';position:absolute;left:0;right:0;top:8px;border-top:2px solid #C2814F}
.ot li{position:relative;padding:30px 14px 0 0}
.ot li::before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:var(--bg,#F3F3F1);border:2px solid #C2814F;box-sizing:border-box}
.ot li.ot-aqui::before{background:#151618;border-color:#151618;box-shadow:0 0 0 5px rgba(194,129,79,.3)}
.ot a,.ot-aqui span{display:grid;gap:4px;color:#151618;text-decoration:none}
.ot b{font:600 15px/1.3 'Inter Tight',Inter,sans-serif}
.ot small{font-size:13px;line-height:1.4;color:#55575B}
.ot-aqui em{position:absolute;top:-30px;left:0}
.ot em{font:600 12px 'DM Mono',monospace;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#8A4F22}
.ot a:hover b{color:#9A4A1E}
.of-mapa{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:center;margin-top:14px}
.of-mapa>ul{list-style:none;margin:0;padding:0 36px 0 0;display:grid;gap:8px;border-right:2px solid #C2814F}
.of-mapa>ul>li{position:relative}
.of-mapa>ul>li::after{content:'';position:absolute;top:50%;right:-36px;width:36px;border-top:1px dashed #C2814F}
.of-mapa a{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:baseline;gap:4px 16px;padding:10px 14px;color:#151618;text-decoration:none;background:#FFFFFF;border:1px solid rgba(21,22,24,.1);border-radius:10px}
.of-mapa a:hover{border-color:#C2814F}
.of-mapa b{font:600 15px/1.3 'Inter Tight',Inter,sans-serif}
.of-mapa small{font-size:14px;line-height:1.4;color:#55575B}
.of-painel{position:relative;margin-left:30px;display:grid;gap:10px;padding:16px 18px 18px;background:#FFFFFF;border:2px solid #151618;border-radius:14px;box-shadow:0 40px 70px -46px rgba(21,22,24,.55)}
.of-painel::before{content:'';position:absolute;top:50%;left:-32px;width:30px;border-top:2px solid #C2814F}
.of-painel p{display:flex;justify-content:space-between;gap:8px;align-items:baseline;margin:0 0 4px;padding-bottom:8px;border-bottom:1px solid #E3E1DC}
.of-painel p b{font:600 16px 'Inter Tight',Inter,sans-serif;color:#151618}
.of-painel em{font:600 12px 'DM Mono',monospace;font-style:normal;text-transform:uppercase;color:#8A4F22}
.of-painel span{display:grid;gap:5px}
.of-painel small{font-size:12.5px;color:#55575B}
.of-painel i{height:8px;border-radius:4px;background:linear-gradient(90deg,#C2814F var(--w),#ECEBE7 var(--w))}
@media(max-width:900px){
  .ot ol{grid-template-columns:1fr;margin-top:10px}
  .ot ol::before{left:8px;right:auto;top:6px;bottom:6px;border-top:0;border-left:2px solid #C2814F}
  .ot li{padding:0 0 18px 34px}.ot-aqui em{position:static}.ot li::before{top:1px}
  .of-mapa{grid-template-columns:1fr}
  .of-mapa>ul{padding:0 0 0 18px;border-right:0;border-left:2px solid #C2814F}
  .of-mapa>ul>li::after{right:auto;left:-18px;width:16px}
  .of-mapa a{grid-template-columns:1fr}
  .of-painel{margin:22px 0 0}.of-painel::before{top:-24px;left:50%;width:0;height:22px;border-top:0;border-left:2px solid #C2814F}
}