/* ══ #quem-sao · grade de funcionários (card grande do dono + 4 cards) e organograma · 06/11/2026 ══════════
   Régua: revisao-0611/regua/REGUA.md peças (b1) e (c). Vidro: GLASS-SISTEMA.md, rota híbrida (§13): cards G3 pintados,
   pílulas G4 neutras, teal no ativo, amarelo só em "espera o seu ok" e nos pulsos do organograma.
   Movimento: js/quem-sao.js (WAAPI, só transform/opacity em HTML, uma vez, pausa fora da tela). Sem JS ou com
   movimento reduzido, o HTML já é o estado final. Desvio da régua: 2×2 no desktop (4 cards; a planilha não cabe em 392 px). */

/* ── fallback do sistema de vidro (cópia de revisao-0611/glass-sistema.css, rota híbrida), só nesta seção.
   Pode sair quando css/glass-sistema.css estiver no head com body.lg-rota-hibrida; a especificidade daqui não briga com ele. */
#quem-sao .lg-3,#quem-sao .lg-4{position:relative;isolation:isolate;color:var(--lg-tinta);
  box-shadow:inset 0 1px 0 var(--lg-aro-cima),inset 0 -1px 0 var(--lg-aro-baixo),inset 0 0 0 1px var(--lg-borda),var(--lg-brilho-interno),var(--lg-sombra)}
#quem-sao .lg-3::before,#quem-sao .lg-4::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgb(255 255 255 / var(--lg-spec)) 0%,rgb(255 255 255 / calc(var(--lg-spec) * .3)) 22%,rgb(255 255 255 / 0) 40%)}
#quem-sao .lg-3.lg-escuro{border-radius:var(--raio-painel,24px);
  --lg-veu:radial-gradient(70% 60% at 100% 100%,rgb(28 103 148 / .08),rgb(28 103 148 / 0) 70%),linear-gradient(160deg,rgb(14 61 89 / .92),rgb(14 61 89 / .94)),linear-gradient(rgb(6 30 46 / .3),rgb(6 30 46 / .3));
  --lg-tinta:#FFFFFF;--lg-tinta-2:#CFE3EA;--lg-foco:#FFE556;
  --lg-aro-cima:rgb(255 255 255 / .5);--lg-aro-baixo:rgb(240 208 122 / .45);--lg-borda:rgb(255 255 255 / .10);--lg-spec:.07;
  --lg-brilho-interno:inset 0 22px 34px -26px rgb(255 255 255 / .18);
  --lg-sombra:0 2px 6px rgb(14 61 89 / .12),0 24px 60px -28px rgb(14 61 89 / .45);
  /* G3 escuro sobre chão claro: o véu pinta sobre a noite opaca (GLASS-SISTEMA §5 regra 3: sem isso o branco cai a 5:1) */
  background:var(--lg-veu),var(--teal-noite,#0D2533)}
#quem-sao .lg-3.lg-destaque.lg-escuro{--lg-aro-baixo:rgb(217 174 76 / .9);
  box-shadow:inset 0 1px 0 var(--lg-aro-cima),inset 0 -2px 0 var(--lg-aro-baixo),inset 0 0 0 1px rgb(217 174 76 / .35),var(--lg-brilho-interno),
    0 2px 6px rgb(14 61 89 / .14),0 40px 80px -36px rgb(28 103 148 / .55)}
#quem-sao .lg-4.lg-escuro{border-radius:999px;
  --lg-veu:linear-gradient(180deg,rgb(255 255 255 / .10),rgb(255 255 255 / 0) 60%),linear-gradient(rgb(24 32 38 / .78),rgb(24 32 38 / .78));
  --lg-tinta:#FFFFFF;--lg-tinta-2:#FFFFFF;--lg-foco:#FFE556;
  --lg-aro-cima:rgb(255 255 255 / .4);--lg-aro-baixo:rgb(255 255 255 / .08);--lg-borda:rgb(255 255 255 / .14);--lg-spec:.12;
  --lg-brilho-interno:inset 0 0 0 0 transparent;--lg-sombra:0 1px 2px rgb(6 30 46 / .3);background:var(--lg-veu)}

/* ── tokens da peça (tons próximos, como a régua: profundidade por tom e borda) ── */
#quem-sao{--qs-s0:#081822;--qs-s1:#0F2C3D;--qs-s2:#163A4E;--qs-fio:rgb(255 255 255 / .09);--qs-fio-2:rgb(255 255 255 / .14);
  --qs-t1:#F2F5F7;--qs-t2:#C3D5DD;--qs-t3:#A9BFC9;--qs-teal:#3E9BD3;--qs-curva:cubic-bezier(.22,1,.36,1);
  --qs-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace}
/* a seção cresceu: content-visibility usa estas alturas medidas (partes.css tinha a estimativa antiga) */
#quem-sao{contain-intrinsic-size:auto 3850px}
@media (max-width:1240px){#quem-sao{contain-intrinsic-size:auto 4360px}}
@media (max-width:1100px){#quem-sao{contain-intrinsic-size:auto 4450px}}
@media (max-width:960px){#quem-sao{contain-intrinsic-size:auto 5500px}}
@media (max-width:760px){#quem-sao{contain-intrinsic-size:auto 4600px}}

.qs{display:grid;gap:20px;margin-top:64px}
/* os ícones da grade seguem a cor do contexto (teal no visto e na chave, neutro no relógio), não o ouro de .fu .jc-icone */
#quem-sao .qs .jc-icone{background:currentColor}
.qs h3{margin:0;font:900 26px/1.08 var(--f-titulo);letter-spacing:-.02em;color:var(--qs-t1)}
.qs-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qs-masc{position:relative;display:block;flex:none}
.qs-masc .fu-r{--s:52px}
.qs-masc__luz{position:absolute;inset:-18%;border-radius:50%;pointer-events:none;opacity:0;
  background:radial-gradient(closest-side,rgb(62 155 211 / .55),rgb(62 155 211 / 0))}
.qs-masc .fu-on{position:absolute;right:-1px;bottom:3px;box-shadow:0 0 0 2px var(--qs-s1)}
.qs-pil{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;font:700 13px/1 var(--f-texto);letter-spacing:.01em;white-space:nowrap}
.qs-pil .jc-icone{width:14px;height:14px;color:var(--qs-t2)}

/* ── card grande do dono (b1): texto à esquerda, janela que sangra à direita e embaixo ── */
.qs-dono{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px;padding:36px 0 0 44px;overflow:hidden}
.qs-dono__txt{display:grid;align-content:start;gap:14px;padding-bottom:36px}
.qs-dono .qs-masc .fu-r{--s:64px}
.qs-dono h3{font-size:30px;margin-top:6px}
.qs-win{align-self:end;margin:0;min-width:0;border-radius:12px 0 0 0;background:var(--qs-s0);
  box-shadow:inset 0 0 0 1px var(--qs-fio),inset 0 1px 0 rgb(255 255 255 / .06);color:var(--qs-t1);overflow:hidden}
.qs-win__barra{display:flex;align-items:center;gap:12px;height:44px;padding:0 16px;border-bottom:1px solid var(--qs-fio);font:700 13px/1 var(--f-texto);color:var(--qs-t2)}
.qs-win__pts{display:inline-flex;gap:6px}
.qs-win__pts i{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .16)}
.qs-win__barra .fu-ex{margin-left:auto}
.qs-win__corpo{position:relative;display:grid;gap:12px;padding:20px 24px 8px}
.qs-msg__quem{display:flex;align-items:center;gap:10px;font:800 13px/1.2 var(--f-texto)}
.qs-msg__quem .fu-r{--s:24px}
.qs-msg__quem .fu-r::before{display:none}
.qs-msg__quem small{font-weight:600;color:var(--qs-t3)}
.qs-bolha{position:relative;margin:0;padding:12px 16px;border-radius:16px 16px 16px 4px;background:var(--qs-s2);font:400 14px/1.5 var(--f-texto);color:var(--qs-t1)}
.qs-resumo{display:grid;margin:0;padding:4px 0;list-style:none;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-resumo li{display:grid;grid-template-columns:20px 96px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 14px;font:400 14px/1.4 var(--f-texto);color:var(--qs-t2)}
.qs-resumo li+li{box-shadow:inset 0 1px 0 var(--qs-fio)}
.qs-resumo .fu-r{--s:20px}
.qs-resumo .fu-r::before{display:none}
.qs-resumo b{font-weight:800;color:var(--qs-t1)}
.qs-mono{font-family:var(--qs-mono);font-weight:700;color:var(--qs-t1)}
.qs-win__pe{display:flex;align-items:center;gap:8px;padding:12px 24px 18px;font:600 13px/1 var(--f-texto);color:var(--qs-t3)}

/* "escrevendo…": três pontos HTML; some quando a mensagem chega (fica escondido no estado final) */
.qs-esc{position:absolute;display:inline-flex;gap:4px;padding:12px 14px;border-radius:14px 14px 14px 4px;background:var(--qs-s2);opacity:0;pointer-events:none}
.qs-esc i{width:6px;height:6px;border-radius:50%;background:var(--qs-t3)}


/* ── grade de 4 cards (c) ── */
.qs-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
@media (max-width:1240px){.qs-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}   /* abaixo de 1240 a pauta e a planilha não cabem em 3 colunas */
@media (max-width:1100px) and (min-width:761px){.fu-fila{gap:10px}}
.qs-grade>li{display:flex;min-width:0}
.qs-c{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px 28px 22px;container-type:inline-size}
.qs-c .qs-cab{margin-bottom:8px}

/* mini-interface: conteúdo sólido dentro do G3 (nunca vidro sobre vidro) */
.qs-ui{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;margin:8px 0 0;padding:14px;border-radius:14px;
  background:var(--qs-s0);box-shadow:inset 0 0 0 1px var(--qs-fio);font:400 13px/1.45 var(--f-texto);color:var(--qs-t2)}
.qs-ui__cab{display:flex;align-items:center;gap:8px;font:700 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-ui__cab .fu-ex{margin-left:auto}
.qs-ui__meta{margin:0;font:600 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-ui .qs-bolha{font-size:13px;padding:11px 14px}
.qs-ui .qs-bolha p{margin:0}
.qs-total{display:flex;justify-content:space-between;gap:8px;margin-top:8px!important;padding-top:8px;box-shadow:inset 0 1px 0 var(--qs-fio-2);font-weight:700;color:var(--qs-t2)}
.qs-ui>.qs-esc{left:14px;top:62px}
.qs-espera{display:flex;align-items:center;gap:8px;margin:0;font:700 13px/1.35 var(--f-texto);color:var(--amarelo,#FFE556)}
.qs-espera .fu-ex{margin-left:auto}
.qs-ponto{flex:none;width:7px;height:7px;border-radius:50%;background:var(--amarelo,#FFE556)}
.qs-bts{display:flex;justify-content:flex-end;gap:8px;margin-top:auto}
/* botões do app: figura, não controle (span, sem foco, sem hover) */
.qs-bt{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:999px;
  box-shadow:inset 0 0 0 1px var(--qs-fio-2);font:700 13px/1 var(--f-texto);color:var(--qs-t1);white-space:nowrap;cursor:default}
.qs-bt--p{background:#F2F5F7;color:#0D2533;box-shadow:0 1px 2px rgb(6 30 46 / .3),inset 0 0 0 1px rgb(255 255 255 / .6)}
.qs-bt--p .jc-icone{width:13px;height:13px}
.qs-anel{position:absolute;inset:-4px;border-radius:inherit;box-shadow:0 0 0 1.5px rgb(255 229 86 / .85);pointer-events:none}
.qs-bt--fraco{opacity:.5}

/* marketing: números e escolha A/B */
.qs-dados{display:grid;gap:10px;margin:2px 0 4px;padding:0;list-style:none}
.qs-dados li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;font:600 13px/1.35 var(--f-texto);color:var(--qs-t1)}
.qs-dados small{font:400 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-dados .qs-mono{font-size:15px}
.qs-barra{grid-column:1/-1;height:6px;border-radius:3px;background:var(--qs-teal);transform-origin:left center}
.qs-barra--b{width:41%;opacity:.55}   /* 17 de 41: proporção dos números do exemplo */
.qs-dec{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-dec__p{margin:0 0 2px;font:800 13px/1.35 var(--f-texto);color:var(--qs-t1)}
.qs-ops{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.qs-op{position:relative;isolation:isolate;display:flex;align-items:center;gap:10px;min-height:36px;padding:0 10px;border-radius:10px;
  box-shadow:inset 0 0 0 1px var(--qs-fio);font:600 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qs-op__l{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;background:rgb(255 255 255 / .07);font:800 11px/1 var(--f-texto);color:var(--qs-t2)}
.qs-op__bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgb(28 103 148 / .32);box-shadow:inset 0 0 0 1.5px rgb(62 155 211 / .9)}
.qs-op__ok{display:grid;place-items:center;margin-left:auto;width:20px;height:20px;border-radius:50%;background:var(--qs-teal);color:#0D2533}
.qs-op__ok .jc-icone{width:12px;height:12px}
.qs-nota{display:flex;align-items:center;gap:8px;margin:auto 0 0;font:600 12px/1.4 var(--f-texto);color:var(--qs-t3)}
.qs-nota .jc-icone{flex:none;width:14px;height:14px}

/* suporte: pedido de permissão com o logo oficial */
.qs-perm__cab{display:flex;align-items:center;gap:10px;font:800 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qs-perm__cab .fu-ex{margin-left:auto}
.qs-logo{position:relative;display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#F2F5F7;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5)}
.qs-logo img{display:block;width:20px;height:20px}
.qs-logo .fu-on{position:absolute;right:-1px;bottom:0;width:10px;height:10px;box-shadow:0 0 0 2px var(--qs-s0)}
.qs-perm__p{margin:0;color:var(--qs-t2)}
.qs-escopo{display:grid;gap:0;margin:0;padding:2px 12px;list-style:none;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-escopo li{display:flex;align-items:center;gap:10px;min-height:36px;font:600 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qs-escopo li+li{box-shadow:inset 0 1px 0 var(--qs-fio)}
.qs-ck{position:relative;display:block;flex:none;width:18px;height:18px}
.qs-ck>*{position:absolute;inset:0;border-radius:50%}
.qs-ck__vazio{box-shadow:inset 0 0 0 1.5px var(--qs-t3);opacity:0}
.qs-ck__ok{display:grid;place-items:center;background:var(--positivo-escuro,#84DAB0);color:#0D2533}
.qs-ck__ok .jc-icone{width:11px;height:11px}
.qs-limite{display:flex;align-items:center;gap:8px;margin:0;font:700 12px/1.4 var(--f-texto);color:var(--qs-t2)}
.qs-limite .jc-icone{flex:none;width:14px;height:14px;color:var(--qs-teal)}

/* financeiro: planilha com status + anexo */
.qs-tab{width:100%;border-collapse:collapse;font:400 12px/1.3 var(--f-texto);color:var(--qs-t2);table-layout:fixed}
.qs-tab th{padding:0 6px 7px;font:700 12px/1.2 var(--f-texto);letter-spacing:.02em;text-align:left;color:var(--qs-t3)}
.qs-tab td{position:relative;padding:7px 6px;box-shadow:inset 0 1px 0 var(--qs-fio);vertical-align:middle}
.qs-tab td:first-child,.qs-tab th:first-child{padding-left:0}
.qs-tab td:first-child{font-weight:700;color:var(--qs-t1)}
.qs-tab col.c1{width:31%}.qs-tab col.c2{width:21%}.qs-tab col.c3{width:25%}.qs-tab col.c4{width:23%}
.qs-tab .qs-mono{font-size:12px;font-weight:600;color:var(--qs-t2)}
.qs-st{display:inline-block;padding:3px 7px;border-radius:999px;font:700 12px/1.2 var(--f-texto);white-space:nowrap}
.qs-st--atraso{background:rgb(255 229 86 / .14);color:var(--amarelo,#FFE556)}   /* alerta em amarelo da rota híbrida (o salmão puxava para rosa) */
.qs-st--pago{background:rgb(132 218 176 / .14);color:var(--positivo-escuro,#84DAB0)}
.qs-st--vence{background:rgb(255 255 255 / .07);color:var(--qs-t2)}
.qs-sk{position:absolute;left:6px;top:50%;width:70%;height:12px;margin-top:-6px;border-radius:6px;background:rgb(255 255 255 / .08);opacity:0}
.qs-anexo{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-anexo .qs-logo{border-radius:10px;width:34px;height:34px}
.qs-anexo span:nth-child(2){display:grid;gap:2px;min-width:0}
.qs-anexo b{font:800 13px/1.2 var(--f-texto);color:var(--qs-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-anexo small{font:400 12px/1.2 var(--f-texto);color:var(--qs-t3)}
.qs-anexo .qs-bt{margin-left:auto}
.qs-fin__pe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.qs-fin__pe .qs-espera{margin:0;flex:1 1 220px}

/* rodapé: quando trabalha de novo (sem a palavra "rotina", copy §1.3) */
.qs-pe{position:relative;display:flex;align-items:center;gap:8px;margin:2px 0 0;font:600 13px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-pe .fu-r{--s:16px}
.qs-pe .fu-r::before{display:none}
.qs-pe .jc-icone{width:13px;height:13px}
.qs-pe .qs-esc{position:absolute;left:24px;top:50%;margin-top:-9px;padding:6px 8px;background:transparent}
.qs-pe .qs-esc i{width:4px;height:4px}

/* pontos do carrossel (só celular) */
.qs-pontos{display:none}

/* ── organograma: fios teal com pulsos amarelos, contador 1 → 5 (rota híbrida) ── */
#quem-sao .fu-org__tronco,#quem-sao .fu-org__f:nth-child(2)::before,#quem-sao .fu-org__f:nth-child(3)::before{background:var(--qs-teal)}
#quem-sao .fu-org__barra{border-color:var(--qs-teal)}
.qs-pulsos{position:absolute;inset:0;pointer-events:none}
.qs-pulso{position:absolute;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#FFE556;
  box-shadow:0 0 0 3px rgb(255 229 86 / .22),0 0 12px 2px rgb(255 229 86 / .55);opacity:0}
.qs-cont{display:inline-block;height:1em;overflow:hidden;line-height:1;vertical-align:-.1em}
.qs-cont__fita{display:grid;transform:translateY(-87.5%)}
.qs-cont__fita span{height:1em;line-height:1}
#quem-sao .fu-org__passos li{color:var(--apoio-claro)}

/* ── até 1000 px: card do dono empilha ── */
@media (max-width:1000px){
  .qs-dono{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 0 0 28px}
  .qs-dono__txt{padding:0 28px 0 0}
}
/* planilha estreita: sai a coluna "Próximo passo" */
@container (max-width:440px){
  .qs-tab col.c4,.qs-tab .c4{display:none}
  .qs-tab col.c1{width:36%}.qs-tab col.c2{width:31%}.qs-tab col.c3{width:33%}
  .qs-tab td{padding-inline:4px}
  .qs-tab .qs-mono{white-space:nowrap;letter-spacing:-.02em}
  .qs-st{white-space:normal;border-radius:8px}
  .qs-anexo b{white-space:normal;overflow-wrap:anywhere}
}

/* ── celular: carrossel com snap no centro, pontos, texto do app ≥ 14 px (só o selo fica em 11) ── */
@media (max-width:760px){
  .qs{margin-top:40px;gap:24px}
  .qs h3{font-size:22px}
  .qs-dono{padding:22px 0 0 20px;border-radius:20px}
  .qs-dono h3{font-size:24px}
  .qs-dono__txt{padding-right:20px}
  .qs-dono .qs-masc .fu-r{--s:56px}
  .qs-win__corpo{padding:16px 16px 6px}
  .qs-resumo li{grid-template-columns:20px minmax(0,1fr) auto;gap:2px 10px}
  .qs-resumo li>span:nth-of-type(2){grid-column:2;grid-row:2}
  .qs-resumo li>.qs-mono{grid-column:3;grid-row:1/3}
  .qs-win__barra{padding:0 14px}
  .qs-grade{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(320px,84vw);gap:12px;
    margin-inline:calc(-1 * var(--q-pad,16px));padding:4px calc((100vw - min(320px,84vw)) / 2) 8px;scroll-padding-inline:calc((100vw - min(320px,84vw)) / 2);
    overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .qs-grade::-webkit-scrollbar{display:none}
  .qs-grade>li{scroll-snap-align:center}
  .qs-c{padding:20px 18px 18px;border-radius:20px}
  .qs-masc .fu-r{--s:48px}
  .qs-ui,.qs-ui .qs-bolha,.qs-perm__cab,.qs-escopo li,.qs-op,.qs-dec__p,.qs-espera,.qs-anexo b,.qs-dados li,.qs-tab,.qs-tab td,.qs-bt,.qs-pe{font-size:14px}
  .qs-ui__cab,.qs-ui__meta,.qs-nota,.qs-limite,.qs-dados small,.qs-anexo small,.qs-tab th,.qs-st{font-size:13px}
  .qs-tab .qs-mono{font-size:12px}
  .qs-op__l{width:22px;height:22px;font-size:13px}
  .qs-pontos{display:flex;justify-content:center;gap:0;margin-top:-8px}
  .qs-ponto-bt{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .qs-ponto-bt i{display:block;width:8px;height:8px;border-radius:4px;background:rgb(14 61 89 / .28);transition:opacity .25s}
  .qs-ponto-bt[aria-current="true"] i{width:28px;background:var(--teal-vivo,#1C6794)}
  .qs-ponto-bt:focus-visible{outline:2px solid var(--teal-vivo,#1C6794);outline-offset:-6px;border-radius:999px}
}
@media (prefers-reduced-motion:reduce){.qs-grade{scroll-behavior:auto}}
@media print{.qs-esp [data-q],.qs-esp .fu-org__tronco,.qs-esp .fu-org__barra{opacity:1!important}}

/* ══ funcionarios-v2 (07/11/2026): equipe de 8 ══════════════════════════════════════════════════════════════════════════
   dono (janela viva b1 com rolagem e KPIs) · 6 de área em 3 colunas · organograma 7 de 7.
   Estado final = HTML. Os elementos "de passagem" (montando…, girando) ficam escondidos no CSS e só o JS os mostra. */

/* janela do dono: viewport fixo; a conversa encosta embaixo (estado final rolado); o JS desce a lista de +d até 0 */
.qs-win__vista{position:relative;height:400px;overflow:hidden}
.qs-win__vista::before{content:"";position:absolute;left:0;right:0;top:0;z-index:2;height:40px;pointer-events:none;
  background:linear-gradient(var(--qs-s0),rgb(8 24 34 / 0))}
.qs-win__vista>.qs-win__corpo{position:absolute;left:0;right:0;bottom:0;padding-bottom:14px}
.qs-carimbo{margin:0;font:600 12px/1.3 var(--f-texto);color:var(--qs-t3);text-align:center}
.qs-kpis,.qs-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.qs-kpis li,.qs-mini li{display:grid;gap:4px;padding:10px 12px;border-radius:10px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-kpis span,.qs-mini span{font:500 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-num{font:800 20px/1.1 var(--qs-mono);font-variant-numeric:tabular-nums;color:var(--qs-t1)}
.qs-mini .qs-num{font-size:17px}
.qs-num--am{color:var(--amarelo,#FFE556)}
.qs-mono{font-variant-numeric:tabular-nums}
.qs-resumo .qs-mono{font-size:15px;text-align:right}
.qs-logo--doc{border-radius:10px;width:34px;height:34px;background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px var(--qs-fio-2);color:var(--qs-t1)}
.qs-logo--doc .jc-icone{width:16px;height:16px}

/* status vivo: duas frases no mesmo lugar; o estado final é a 2ª ("pronto"), a 1ª (montando…) só aparece pelo JS */
.qs-vivo{display:grid;align-items:center}
.qs-vivo>span{grid-area:1/1;display:flex;align-items:center;gap:8px;min-width:0}
.qs-vivo__a{opacity:0}
.qs-gira{flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 2px rgb(255 255 255 / .18);
  background:conic-gradient(from 0deg,var(--qs-teal) 0 90deg,transparent 90deg)}
.qs-gira{-webkit-mask:radial-gradient(closest-side,transparent 62%,#000 64%);mask:radial-gradient(closest-side,transparent 62%,#000 64%)}
.qs-win__pe .qs-vivo{color:var(--qs-t3)}
.qs-ok{margin:0;font:700 13px/1.35 var(--f-texto);color:var(--positivo-escuro,#84DAB0)}
.qs-ok .jc-icone{width:13px;height:13px}
.qs-espera.qs-vivo .qs-vivo__a,.qs-ok .qs-vivo__a{color:var(--qs-t2)}

/* conteúdo: pauta da semana em 3 colunas */
.qs-fonte{display:flex;align-items:center;gap:6px;margin:0;font:600 12px/1.3 var(--f-texto);color:var(--qs-t2)}
.qs-fonte img{flex:none}
.qs-cal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.qs-cal li{display:grid;align-content:start;gap:5px;padding:9px 9px 10px;border-radius:10px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-cal__d{font:800 12px/1 var(--f-texto);color:var(--qs-t1)}
.qs-cal__f{font:600 12px/1.2 var(--f-texto);color:var(--qs-teal)}
.qs-cal b{font:700 12px/1.3 var(--f-texto);color:var(--qs-t1)}
.qs-cal .qs-st{justify-self:start;white-space:normal;border-radius:8px}
.qs-st--voce{background:rgb(255 229 86 / .14);color:var(--amarelo,#FFE556)}

/* atendimento: dois logos */
.qs-logos{display:inline-flex}
.qs-logos .qs-logo+.qs-logo{margin-left:-8px;box-shadow:0 0 0 2px var(--qs-s0),inset 0 0 0 1px rgb(255 255 255 / .5)}

/* RH: lista com data à esquerda */
.qs-rh__meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.qs-rh__conta{color:var(--qs-t1)}
.qs-lista{display:grid;margin:0;padding:2px 10px;list-style:none;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-lista li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:4px 0;font:600 12.5px/1.3 var(--f-texto);color:var(--qs-t1)}
.qs-lista li+li{box-shadow:inset 0 1px 0 var(--qs-fio)}
.qs-lista__d{font:600 11.5px/1 var(--qs-mono);font-variant-numeric:tabular-nums;color:var(--qs-t3)}
.qs-lista .qs-ck{width:16px;height:16px}
.qs-lista .qs-ck__ok .jc-icone{width:10px;height:10px}

.qs-ficha{display:grid;gap:12px;padding:18px 24px 10px}
.qs-campos{display:grid;margin:0;padding:2px 14px;border-radius:12px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qs-campos>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center;min-height:36px;padding:5px 0}
.qs-campos>div+div{box-shadow:inset 0 1px 0 var(--qs-fio)}
.qs-campos dt{font:600 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qs-campos dd{display:flex;align-items:center;gap:8px;margin:0;font:700 13px/1.35 var(--f-texto);color:var(--qs-t1)}
.qs-ficha__r{--s:20px}
.qs-logo--p{width:24px;height:24px}
.qs-logo--p img{width:14px;height:14px}
.qs-logo--p+.qs-logo--p{margin-left:-12px;box-shadow:0 0 0 2px var(--qs-s1)}
.qs-testes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.qs-teste{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;
  box-shadow:inset 0 0 0 1px var(--qs-fio-2);font:700 12px/1 var(--f-texto);color:#0D2533}
.qs-teste .jc-icone{width:12px;height:12px}
.qs-teste__ok{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--positivo-escuro,#84DAB0)}
.qs-testes__n{margin-left:auto;font:700 13px/1 var(--f-texto);color:var(--qs-t1)}

/* organograma: 7 filhos numa linha; a barra vai do 1º ao último centro */
.fu-fim{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
#quem-sao .fu-org__fios{width:100%}
#quem-sao .fu-org__barra{left:calc(100% / 12);right:calc(100% / 12)}
#quem-sao .fu-org__filhos{grid-template-columns:repeat(6,minmax(0,1fr))}
#quem-sao .fu-org__f::before{content:"";position:absolute;left:50%;top:-20px;width:1.5px;height:20px;margin-left:-.75px;background:var(--qs-teal)}
#quem-sao .fu-org__f:first-child::before,#quem-sao .fu-org__f:last-child::before{display:none}
#quem-sao .fu-org__f .fu-r{--s:42px}

/* estado inicial: só quando o JS vai tocar a peça (sem JS / movimento reduzido = estado final) */
.qs-esp [data-q],.qs-esp .fu-org__tronco,.qs-esp .fu-org__barra,.qs-esp .fu-org__f::before,
.qs-esp .fu-org__pai,.qs-esp .fu-org__f,.qs-esp .fu-org__passos li{opacity:0}

@media (max-width:1000px){
  }
@media (max-width:960px){.fu-fim{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .qs-win__vista{height:540px}
  .qs-kpis li,.qs-mini li{padding:8px 9px}
  .qs-num{font-size:18px}
  .qs-kpis span,.qs-mini span,.qs-fonte,.qs-cal b,.qs-lista li,.qs-campos dt{font-size:13px}
  .qs-cal__f,.qs-cal__d,.qs-lista__d,.qs-teste,.qs-testes__n{font-size:13px}
  .qs-campos dd{font-size:14px}
  .qs-cal{grid-template-columns:minmax(0,1fr)}
  .qs-cal li{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:2px 8px}
  .qs-cal__f{grid-column:2;grid-row:1}
  .qs-cal b{grid-column:2;grid-row:2}
  .qs-cal .qs-st{grid-column:3;grid-row:1/3}
  .qs-cal__d{grid-row:1/3}
  .qs-ficha{padding:16px 16px 8px}
  .qs-campos>div{grid-template-columns:minmax(0,1fr);gap:2px;padding:7px 0}
  /* organograma no celular: 4 + 3, sem a barra (os fios não cabem numa linha) */
  #quem-sao .fu-org__filhos{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
  #quem-sao .fu-org__barra,#quem-sao .fu-org__f::before,#quem-sao .qs-pulsos{display:none}
  #quem-sao .fu-org__fios{height:20px}
}

/* ══ cards-v3 (07/11/2026): uma linha do que faz; a janela de cada card é uma conversa que gruda no fundo (como a do dono);
   o rodapé diz a próxima rotina em data relativa. Estado final = HTML (rolado até o fim). ══ */
.qs-faz{margin:0;font:600 16px/1.45 var(--f-texto);color:var(--qs-t2)}
.qs-dono .qs-faz{font-size:17px;max-width:42ch;color:var(--apoio-claro,#CFE3EA)}
.qs-ui>.qs-win__vista{height:340px;margin:0 -14px -14px;border-radius:0 0 14px 14px}
.qs-ui>.qs-win__vista:not(.qs-rola)::before{display:none}   /* a conversa cabe inteira: sem véu no topo */
.qs-ui .qs-win__corpo{display:flex;flex-direction:column;gap:10px;padding:0 14px 14px}
.qs-ui .qs-win__corpo .qs-bts{margin-top:4px}
.qs-ui .qs-win__corpo>.qs-esc{left:14px;top:26px}
@media (max-width:760px){.qs-faz{font-size:15px}.qs-ui>.qs-win__vista{height:400px}}
/* revisão em movimento (07/11): o pedido do cliente abre a cena de vendas; logo da ferramenta na barra da janela;
   a próxima rotina do dono fica no mesmo rodapé dos cards de área */
.qs-pedido{align-self:flex-end;max-width:86%;margin:0;padding:10px 14px;border-radius:16px 16px 4px 16px;background:rgb(62 155 211 / .22);
  font:400 13px/1.45 var(--f-texto);color:var(--qs-t1)}
.qs-ui__cab .qs-logo--p{flex:none}
@media (min-width:1001px){
  .qs-dono>.qs-dono__txt{grid-column:1;grid-row:1}
  .qs-dono>.qs-win{grid-column:2;grid-row:1}
  .qs-dono>.qs-pe{grid-column:1;grid-row:1;align-self:end;margin:0 0 30px}
}
@media (max-width:1000px){.qs-dono>.qs-pe{margin:-8px 0 0;padding:0 28px 22px 0}}
@media (max-width:760px){.qs-dono>.qs-pe{padding:0 20px 18px 0}}

/* ══ cenas-v4 (07/11/2026): o mesmo motor para os 8 cards, no roteiro de cada card da Adapta (adapta-roteiros.json).
   Feed que cresce de baixo para cima numa vista fixa, com máscara de 40 px no topo; cartões que sobem com leve desfoque,
   linhas em cascata, fala revelada linha a linha, artefato ou permissão no fim, rodapé de rotina dentro do feed.
   Estado final = HTML (o feed encostado embaixo). js/quem-sao.js lê data-t/data-d/data-dy/data-bl/data-corre. ══ */
.qs-feed{position:relative;flex:1;display:flex;flex-direction:column;min-width:0;margin:8px 0 0;border-radius:14px;overflow:hidden;
  background:var(--qs-s0);box-shadow:inset 0 0 0 1px var(--qs-fio);font:400 13px/1.4 var(--f-texto);color:var(--qs-t2)}
.qf-vista{position:relative;flex:1;min-height:250px;overflow:hidden}
.qf-vista::before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:40px;pointer-events:none;background:linear-gradient(var(--qs-s0),rgb(8 24 34 / 0))}
.qf-corpo{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:12px}
.qf-corpo p,.qf-corpo ul{margin:0}
.qf-hora{display:flex;justify-content:center;align-items:center;gap:8px;font:500 12px/16px var(--f-texto);color:var(--qs-t3)}
.qf-rot{display:flex;align-items:center;gap:6px;min-width:0;font:400 12px/16px var(--f-texto);color:var(--qs-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qf-rot b{font-weight:700;color:var(--qs-t2)}
.qf-rot img{flex:none}
.qf-fala,.qf-eu{position:relative;overflow:hidden;align-self:flex-start;max-width:92%;padding:8px 12px;border-radius:16px;background:var(--qs-s2);font:400 13px/1.4 var(--f-texto);color:var(--qs-t1)}
.qf-eu{align-self:flex-end;max-width:86%;border-radius:16px 16px 4px 16px;background:#1E4F6E}
.qf-achado{box-shadow:inset 0 0 0 1px rgb(255 229 86 / .4)}
.qf-bloco{position:relative;display:grid;padding:10px 12px;border-radius:16px;background:var(--qs-s1);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qf-bloco__cab{display:flex;align-items:center;gap:8px;min-width:0;padding-bottom:8px}
.qf-bloco__cab b{font:700 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-bloco__cab>small{margin-left:auto;font:600 12px/1.3 var(--f-texto);color:var(--qs-t3);white-space:nowrap}
.qf-bloco__cab--2>span:last-child,.qf-perm__cab>span:last-child,.qf-arq>span:nth-child(2){display:grid;gap:1px;min-width:0}
.qf-bloco__cab small,.qf-perm__cab small,.qf-arq small{font:400 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qf-tile{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#F2F5F7;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .5);color:#0D2533}
.qf-tile img{display:block;width:20px;height:20px}
.qf-tile .jc-icone{width:16px;height:16px}
.qf-tile--p{width:22px;height:22px;border-radius:6px}
.qf-tile--p img{width:14px;height:14px}
.qf-tile .fu-r{--s:24px}
.qf-tile:has(.fu-r){background:none;box-shadow:none}
.qf-tile .fu-r::before,.qf-corpo .fu-r::before{display:none}
.qf-ok{font-style:normal;font-weight:600;color:var(--positivo-escuro,#84DAB0)}
.qf-am{font-style:normal;font-weight:600;color:var(--amarelo,#FFE556)}
/* conversas, leads, linhas */
.qf-conv,.qf-lead{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;box-shadow:inset 0 1px 0 var(--qs-fio)}
.qf-conv>span,.qf-lead>span{display:grid;gap:2px;min-width:0}
.qf-conv>span:last-child{justify-items:end;flex:none}
.qf-conv b,.qf-lead b{display:flex;align-items:center;gap:5px;font:600 12px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-conv small,.qf-lead small{font:400 12px/1.3 var(--f-texto);color:var(--qs-t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-conv em{font:600 11px/1.3 var(--f-texto)}
.qf-st{flex:none;padding:3px 8px;border-radius:999px;background:rgb(255 255 255 / .07);font:700 11px/1.2 var(--f-texto);font-style:normal;color:var(--qs-t2);white-space:nowrap}
.qf-st--am{background:rgb(255 229 86 / .14);color:var(--amarelo,#FFE556)}
.qf-st--ok{background:rgb(132 218 176 / .14);color:var(--positivo-escuro,#84DAB0)}
.qf-etapa{display:grid;grid-template-columns:116px minmax(0,1fr) 26px;align-items:center;gap:8px;min-height:24px;font:500 12px/1.2 var(--f-texto);color:var(--qs-t2)}
.qf-etapa b{text-align:right;font-size:12px}
.qf-barra{display:block;width:100%;height:10px;border-radius:5px;background:var(--qs-teal);transform-origin:left center}
.qf-etapa:nth-child(3) .qf-barra{width:46%}.qf-etapa:nth-child(4) .qf-barra{width:19%}.qf-etapa:nth-child(5) .qf-barra{width:12%}   /* 26 · 12 · 5 · 3 do exemplo */
.qf-etapa--ok .qf-barra{background:var(--positivo-escuro,#84DAB0)}
/* permissão e rascunho */
.qf-perm__cab{display:flex;align-items:center;gap:10px;min-width:0}
.qf-perm__cab b{font:700 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-lista{display:grid;margin:10px 0 0!important;padding:2px 10px;list-style:none;border-radius:12px;box-shadow:inset 0 0 0 1px var(--qs-fio-2)}
.qf-lista li{display:flex;align-items:center;gap:8px;min-height:30px;font:500 12px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-lista li+li{box-shadow:inset 0 1px 0 var(--qs-fio)}
.qf-lista li::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--qs-t3)}
.qf-bts{display:flex;justify-content:flex-end;gap:8px;margin-top:10px!important}
.qf-msg{margin-top:10px!important;padding:10px 12px;border-radius:12px;background:var(--qs-s2);font:400 13px/1.4 var(--f-texto);color:var(--qs-t1)}
.qf-msg b{display:block;margin-top:6px;font-weight:700;color:var(--qs-t2)}
/* gráfico, números, arquivo */
.qf-grafico{display:flex;align-items:flex-end;gap:6px;height:56px;margin:2px 0 10px}
.qf-col{flex:1;height:100%;border-radius:4px 4px 0 0;background:rgb(62 155 211 / .4);transform-origin:center bottom}
.qf-col:nth-child(1){height:34%}.qf-col:nth-child(2){height:40%}.qf-col:nth-child(3){height:46%}.qf-col:nth-child(4){height:42%}.qf-col:nth-child(5){height:60%}.qf-col:nth-child(6){height:82%}
.qf-col:nth-last-child(-n+2){background:var(--qs-teal)}
.qf-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.qf-kpi{display:grid;gap:2px;padding:7px 9px;border-radius:10px;background:rgb(255 255 255 / .04);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qf-kpi b{font-size:14px}
.qf-kpi small{font:400 11px/1.25 var(--f-texto);color:var(--qs-t3)}
.qf-kpi--a small:first-child{display:flex;align-items:center;gap:5px;font-weight:700;color:var(--qs-t2)}
.qf-kpi--a .fu-r{--s:14px}
.qf-arq{display:flex;align-items:center;gap:10px;min-width:0;margin-top:10px!important;padding-top:10px;box-shadow:inset 0 1px 0 var(--qs-fio)}
.qf-solo .qf-arq{margin:0!important;padding:0;box-shadow:none}
.qf-arq b{font:700 13px/1.3 var(--f-texto);color:var(--qs-t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-arq>.qs-bt{margin-left:auto;flex:none}
.qf-arq:has(.qs-bt) b{white-space:normal}
.qf-abre{flex:none;width:16px;height:16px;margin-left:auto;background:var(--qs-t3);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h4.5V7M13.5 2.5 7.5 8.5M12 9.5V13a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4.5A.5.5 0 0 1 3 4h3.5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 2.5h4.5V7M13.5 2.5 7.5 8.5M12 9.5V13a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4.5A.5.5 0 0 1 3 4h3.5'/%3E%3C/svg%3E") center/contain no-repeat}
/* decisão A/B */
.qf-dec__p{position:relative;overflow:hidden;margin-bottom:4px!important;font:700 13px/1.4 var(--f-texto);color:var(--qs-t1)}
.qf-op{display:flex;align-items:center;gap:10px;min-height:34px;margin-top:6px!important;padding:0 10px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--qs-fio-2);font:600 13px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-op__l{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;background:rgb(255 255 255 / .08);font:800 11px/1 var(--f-texto);color:var(--qs-t2)}
/* post do Instagram */
.qf-post{display:grid;align-content:end;gap:6px;min-height:132px;padding:12px 14px;border-radius:12px;background:linear-gradient(150deg,#1C6794,#0E3D59 70%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .12)}
.qf-post small{font:600 11px/1.2 var(--f-texto);color:rgb(255 255 255 / .75)}
.qf-post b{font:900 17px/1.15 var(--f-titulo);letter-spacing:-.01em;color:#fff}
.qf-post>span{display:flex;gap:4px;margin-top:4px}
.qf-post>span i{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .35)}
.qf-post>span i:first-child{background:#FFE556}
.qf-legenda{margin-top:8px!important;font:400 12px/1.4 var(--f-texto);color:var(--qs-t2)}
.qf-legenda span{color:var(--qs-teal)}
/* rosca + legenda (financeiro, RH) */
.qf-bloco:has(.qf-rosca){grid-template-columns:76px minmax(0,1fr);column-gap:14px;align-items:center}
.qf-bloco:has(.qf-rosca)>.qf-bloco__cab,.qf-bloco:has(.qf-rosca)>.qf-nota{grid-column:1/-1}
.qf-rosca{position:relative;width:76px;height:76px}
.qf-rosca__a--fin{--a:82%;--b:92%}.qf-rosca__a--rh{--a:83%;--b:83%}   /* pago 82 · a vencer 10 · atrasado 8; RH 5 de 6 */
.qf-rosca__a{position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(var(--positivo-escuro,#84DAB0) 0 var(--a),rgb(255 255 255 / .28) var(--a) var(--b),var(--amarelo,#FFE556) var(--b) 100%);
  -webkit-mask:radial-gradient(closest-side,transparent 72%,#000 74%);mask:radial-gradient(closest-side,transparent 72%,#000 74%)}
.qf-rosca>span{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.qf-rosca b{font-size:13px}
.qf-rosca small{font:400 10px/1.2 var(--f-texto);color:var(--qs-t3)}
.qf-legs{display:grid;gap:4px}
.qf-leg{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;font:500 12px/1.3 var(--f-texto);color:var(--qs-t2)}
.qf-leg b{font-size:12px}
.qf-leg small{min-width:24px;text-align:right;font:400 11px/1 var(--f-texto);color:var(--qs-t3)}
.qf-leg__p{width:8px;height:8px;border-radius:50%;background:rgb(255 255 255 / .28)}
.qf-leg__p--ok{background:var(--positivo-escuro,#84DAB0)}.qf-leg__p--am{background:var(--amarelo,#FFE556)}
.qf-nota{margin-top:10px!important;font:500 12px/1.4 var(--f-texto);color:var(--qs-t2)}
/* planilha */
.qf-planilha{display:grid;margin:-10px -12px 0;border-radius:16px 16px 0 0;overflow:hidden;font:500 11.5px/1.2 var(--f-texto);color:var(--qs-t2)}
.qf-planilha--4{--cols:1.45fr .92fr .6fr 1fr}.qf-planilha--3{--cols:1.5fr .6fr 1fr}
.qf-pl{display:grid;grid-template-columns:20px var(--cols);align-items:center;min-height:25px;box-shadow:inset 0 -1px 0 var(--qs-fio)}
.qf-pl>span{min-width:0;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qf-pl>span:first-child{padding:0;text-align:center;font-size:10px;color:var(--qs-t3);box-shadow:inset -1px 0 0 var(--qs-fio)}
.qf-pl--let{min-height:20px;background:rgb(255 255 255 / .03);font-size:10px;color:var(--qs-t3)}
.qf-pl--let>span{text-align:center}
.qf-pl--cab{font-weight:700;color:var(--qs-t3)}
.qf-pl>span:nth-child(2){color:var(--qs-t1);font-weight:600}
.qf-pl>span:last-child{overflow:visible}
.qf-pl .qf-st{padding:2px 6px;font-size:10.5px}
/* dono: itens numerados */
.qf-item{display:grid;grid-template-columns:18px 16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;font:500 12px/1.3 var(--f-texto);color:var(--qs-t1);box-shadow:inset 0 1px 0 var(--qs-fio)}
.qf-kpis+.qf-item{margin-top:8px}
.qf-item__n{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgb(255 255 255 / .08);font:700 10px/1 var(--f-texto);color:var(--qs-t2)}
.qf-item .fu-r{--s:16px}
.qf-item b{font-size:12px}
.qf-etapas{justify-items:start;gap:6px}
.qf-pilula{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;background:rgb(132 218 176 / .12);font:600 12px/1 var(--f-texto);color:var(--qs-t1)}
.qf-pilula .jc-icone{width:12px;height:12px;color:var(--positivo-escuro,#84DAB0)}
.qf-pilula img{width:14px;height:14px}
.qf-teste{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:6px!important;padding:7px 10px;border-radius:10px;background:rgb(255 255 255 / .04);box-shadow:inset 0 0 0 1px var(--qs-fio)}
.qf-teste>span{display:grid;gap:1px;min-width:0}
.qf-teste b{font:700 12px/1.3 var(--f-texto);color:var(--qs-t1)}
.qf-teste small{font:400 12px/1.3 var(--f-texto);color:var(--qs-t3)}
.qf-teste em{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:12px}
.qf-teste .jc-icone{width:12px;height:12px}
/* rodapé de rotina, dentro do feed */
.qf-pe{display:flex;align-items:center;gap:8px;padding-top:2px;font:600 12px/16px var(--f-texto);color:var(--qs-t3)}
.qf-pe .fu-r{--s:16px}
.qf-pe>.fu-ex{margin-left:auto}
/* fala revelada: cortina com borda suave que corre a linha (só transform; criada e removida pelo JS) */
.qf-cortina{position:absolute;pointer-events:none}
/* janela de app do dono: barra, lateral, topo da conversa, feed, campo de mensagem */
.qs-app__corpo{display:grid;grid-template-columns:56px minmax(0,1fr)}
.qs-app__lado{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 0;box-shadow:inset -1px 0 0 var(--qs-fio)}
.qs-app__lado i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}
.qs-app__lado i.is-sel{background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px var(--qs-fio-2)}
.qs-app__lado .fu-r{--s:24px}
.qs-app__lado .fu-r::before,.qs-app__topo .fu-r::before{display:none}
.qs-app__chat{display:flex;flex-direction:column;min-width:0}
.qs-app__topo{display:flex;align-items:center;gap:10px;margin:0;padding:10px 16px;box-shadow:inset 0 -1px 0 var(--qs-fio)}
.qs-app__topo .fu-r{--s:26px}
.qs-app__topo span{display:grid;gap:1px}
.qs-app__topo b{font:700 13px/1.2 var(--f-texto);color:var(--qs-t1)}
.qs-app__topo small{font:400 12px/1.2 var(--f-texto);color:var(--qs-t3)}
.qs-app .qf-vista{flex:none;height:300px;min-height:0}
.qs-app .qf-corpo{padding:12px 20px}
.qs-app__campo{display:flex;align-items:center;height:38px;margin:4px 16px 16px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--qs-fio-2);font:400 13px/1 var(--f-texto);color:var(--qs-t3)}
.qs-app .qf-fala{max-width:80%}
@media (max-width:760px){
  .qf-vista{min-height:320px}
  .qs-app .qf-vista{height:360px}
  .qs-app__corpo{grid-template-columns:minmax(0,1fr)}
  .qs-app__lado{display:none}
  .qs-app .qf-corpo{padding:12px}
  .qs-app .qf-fala{max-width:92%}
  .qf-fala,.qf-eu,.qf-msg,.qf-op,.qf-dec__p,.qf-bloco__cab b,.qf-perm__cab b,.qf-arq b,.qs-app__campo{font-size:14px}
  .qf-conv b,.qf-lead b,.qf-lista li,.qf-etapa,.qf-legenda,.qf-nota,.qf-item,.qf-leg,.qf-teste b,.qf-pilula,.qf-pe{font-size:13px}
  .qf-etapa{grid-template-columns:104px minmax(0,1fr) 26px}
  .qf-post b{font-size:16px}
}
@media (max-width:760px){
  /* planilha no celular: sai a coluna do vencimento (como a coluna "Próximo passo" da cards-v3) */
  .qf-planilha--4{--cols:1.25fr .9fr 1fr}
  .qf-planilha--4 .qf-pl>span:nth-child(4){display:none}
  .qf-pl{min-height:28px;font-size:12.5px}
}
/* janela do dono em #como-trabalham: o mesmo feed (cenas-v4, adendo 5); tons da janela do app de lá */
#como-trabalham .fu-a{--qs-s0:var(--fu-s0,#081822);--qs-s1:#0F2C3D;--qs-s2:#163A4E;--qs-fio:rgb(255 255 255 / .09);--qs-fio-2:rgb(255 255 255 / .14);
  --qs-t1:#F2F5F7;--qs-t2:#C3D5DD;--qs-t3:#A9BFC9;--qs-teal:#3E9BD3;--qs-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace}
#como-trabalham .fu-chat>.qf-vista{flex:1;min-height:330px;margin:0 -18px;}
#como-trabalham .fu-chat .qf-corpo{padding:12px 18px}
#como-trabalham .fu-chat .qf-fala{max-width:86%}
.qf-eu__arq{display:flex;align-items:center;gap:6px;margin-bottom:6px;font:700 12px/1.2 var(--f-texto);color:var(--qs-t2)}
.qf-item--sem{grid-template-columns:18px minmax(0,1fr) auto}
@media (max-width:760px){#como-trabalham .fu-chat>.qf-vista{min-height:380px;margin:0 -14px}#como-trabalham .fu-chat .qf-corpo{padding:12px 14px}}
/* revisão 1 (design-revisor, 07/11): nada corta nem encavala; o artefato se lê inteiro; texto do celular ≥ 13 px */
.qf-bloco{grid-template-columns:minmax(0,1fr)}
.qf-corpo>*{min-width:0}
.qf-arq b{white-space:normal;overflow:visible}
.qf-arq:has(.qs-bt){flex-wrap:wrap;row-gap:10px}
.qf-arq:has(.qs-bt)>span:nth-child(2){flex:1 1 calc(100% - 44px)}
.qf-bts{flex-wrap:wrap}
.qs-win__barra>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-dono .qs-app .qf-vista{height:420px}
@media (max-width:760px){
  .qs-dono .qs-app .qf-vista{height:380px}
  .qf-hora,.qf-rot,.qf-pe,.qf-conv small,.qf-lead small,.qf-bloco__cab small,.qf-perm__cab small,.qf-arq small,.qf-kpi small,.qf-leg,.qf-teste small,.qs-app__topo small{font-size:13px}
  .qf-conv em,.qf-st,.qf-pl .qf-st,.qf-kpi b,.qf-leg b,.qf-item b,.qf-etapa b{font-size:12.5px}
  .qf-pl>span:first-child,.qf-pl--let{font-size:11px}
  .qf-rosca{width:64px;height:64px}
  .qf-bloco:has(.qf-rosca){grid-template-columns:64px minmax(0,1fr);column-gap:12px}
  .qf-leg{grid-template-columns:8px minmax(0,1fr) auto}
  .qf-leg small{display:none}
  .qf-leg span{white-space:nowrap}
  .qf-etapa{grid-template-columns:84px minmax(0,1fr) 22px}
  .qf-bloco__cab:not(.qf-bloco__cab--2){flex-wrap:wrap;row-gap:2px}
  .qf-bloco__cab:not(.qf-bloco__cab--2)>small{margin-left:30px;flex-basis:100%}
  .qf-planilha--4 .qf-pl>span:nth-child(4){display:inline}
  .qf-planilha--4 .qf-pl:not(.qf-pl--let)>span:nth-child(4){display:none}
  .qf-planilha--4 .qf-pl--let>span:nth-child(5){display:none}
  .qf-pl>span:nth-child(2){white-space:normal}
  .qf-pl{padding:3px 0}
  .qf-kpis{gap:5px}
  .qf-kpi{padding:7px}
  .qf-kpi--a small:first-child{font-size:12px}
}
@media (max-width:760px){
  .qf-lead small,.qf-conv small{white-space:normal}
  .qf-planilha--3{--cols:1.15fr .6fr 1.3fr}
  .qf-conv em,.qf-st,.qf-pl .qf-st,.qf-kpi b,.qf-leg b,.qf-item b,.qf-etapa b,.qf-eu__arq,.qf-teste em{font-size:13px}
  .qf-pl .qf-st{padding:2px 5px}
  .qf-item__n{width:20px;height:20px;font-size:12px}
  .qf-item{grid-template-columns:20px 16px minmax(0,1fr) auto}
  .qf-item--sem{grid-template-columns:20px minmax(0,1fr) auto}
  .qf-op__l{width:22px;height:22px;font-size:13px}
  .qf-rosca small{font-size:11px}
}
@media (max-width:760px){.qf-pl{font-size:13px}.qf-post small{font-size:12px}}
/* revisão 2 (07/11): selo no canto do feed (fora da rolagem), atrasado em vermelho, 320 px sem corte */
.qs-feed>.fu-ex{position:absolute;right:10px;top:10px;z-index:3}
.qf-rot{padding-right:78px}
.qf-st--atr{background:rgb(255 107 102 / .14);color:var(--erro-escuro,#FF6B66)}
.qf-leg__p--atr{background:var(--erro-escuro,#FF6B66)}
.qf-rosca__a--fin{--c3:var(--erro-escuro,#FF6B66)}
.qf-rosca__a{background:conic-gradient(var(--positivo-escuro,#84DAB0) 0 var(--a),rgb(255 255 255 / .28) var(--a) var(--b),var(--c3,var(--amarelo,#FFE556)) var(--b) 100%)}
.qf-rosca__a--rh{--a:75%;--b:75%}
@media (min-width:761px){.qf-pl .qf-st{font-size:11px}.qf-pl--let{font-size:10.5px}}
@media (min-width:361px){.qf-pe{white-space:nowrap}}
@media (max-width:760px){
  .qf-pc{display:none}
  .qf-rot{white-space:normal}
  .qf-kpi--a small:first-child,.qf-item__n{font-size:13px}
  .qf-rosca small{font-size:12px}
}
@media (max-width:420px){.qs-win__barra>span:nth-child(2){display:none}}
@media (max-width:360px){
  .qs-pil{height:28px;padding:0 10px;font-size:12px}
  .qf-kpi b{font-size:12px}
  .qf-kpi{padding:6px}
  .qf-pl{font-size:12px}
  .qf-pl .qf-st{padding:2px 4px;font-size:11.5px;white-space:normal;text-align:center}
  .qf-planilha--3{--cols:1.3fr .58fr 1fr}
  .qf-planilha--4{--cols:1.15fr .95fr 1fr}
  .qf-pl>span{padding:0 4px}
}
@media (max-width:360px){
  /* 320 px: sai a coluna dos números de linha; os chips ficam numa linha */
  .qf-pl{grid-template-columns:0 var(--cols)}
  .qf-pl>span:first-child{visibility:hidden;box-shadow:none}
  .qf-planilha--4{--cols:1.1fr .85fr 1.05fr}
  .qf-planilha--3{--cols:1.2fr .72fr 1.15fr}
  .qf-pl .qf-st{white-space:nowrap;font-size:11px;padding:2px 5px}
  .qf-pl>span:nth-child(3){white-space:nowrap}
}

/* sincronia 07/11: no celular o card fora do carrossel espera vazio e começa do zero ao entrar */
.qs-oc .qf-corpo{opacity:0}
@media print{.qs-oc .qf-corpo{opacity:1!important}}