/* Assistente de ajuda (S26) — botão flutuante e painel de conversa.
   Fora do base.css do núcleo de propósito: é tela deste produto. */
.ajuda-botao{position:fixed;right:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:7px;
  padding:11px 15px;border-radius:999px;border:1px solid var(--borda,#e2e8f0);background:var(--papel,#fff);
  color:inherit;font:inherit;font-weight:600;box-shadow:0 6px 24px rgba(15,23,42,.16);cursor:pointer;text-decoration:none}
.ajuda-botao:hover{box-shadow:0 8px 28px rgba(15,23,42,.22)}
@media (max-width:720px){.ajuda-botao{bottom:calc(var(--barra-baixo,64px) + 12px)}}
body.com-ajuda-aberta .ajuda-botao{display:none}

.ajuda-painel{position:fixed;right:16px;bottom:16px;z-index:70;width:min(410px,calc(100vw - 32px));
  height:min(620px,calc(100vh - 32px));display:flex;flex-direction:column;background:var(--papel,#fff);
  border:1px solid var(--borda,#e2e8f0);border-radius:var(--raio,14px);box-shadow:0 18px 50px rgba(15,23,42,.28);overflow:hidden}
.ajuda-painel[hidden]{display:none}
@media (max-width:720px){.ajuda-painel{right:0;bottom:0;width:100vw;height:100vh;border-radius:0;border:0}}
.ajuda-cabeca{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--borda,#e2e8f0);background:var(--papel-2,#f8fafc)}
.ajuda-cabeca>div{flex:1;line-height:1.25}
.ajuda-conversa{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}
.ajuda-msg{max-width:92%}
.ajuda-msg p{margin:0;padding:9px 12px;border-radius:14px;background:var(--papel-2,#f1f5f9)}
.ajuda-msg.de-usuario{align-self:flex-end}
.ajuda-msg.de-usuario p{background:var(--principal,#c026d3);color:#fff;border-bottom-right-radius:4px}
.ajuda-msg.de-assistente p{border-bottom-left-radius:4px}
.ajuda-pensando p{opacity:.7}
.ajuda-achado{display:block;margin-top:8px;padding:10px 12px;border:1px solid var(--borda,#e2e8f0);
  border-radius:12px;text-decoration:none;color:inherit;background:var(--papel,#fff)}
.ajuda-achado:hover{border-color:var(--principal,#c026d3)}
.ajuda-achado strong{display:block}
.ajuda-achado .mini{display:block;opacity:.75}
.ajuda-trecho{display:block;margin:.4em 0;font-size:.92em;line-height:1.45}
.ajuda-trecho mark{background:#fde68a;color:inherit;padding:0 1px;border-radius:3px}
.ajuda-links{margin:.5em 0 0;padding-left:1.1em}
.ajuda-rapidas{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 8px}
.ajuda-forma{display:flex;gap:7px;padding:10px 12px;border-top:1px solid var(--borda,#e2e8f0)}
.ajuda-campo{flex:1;min-width:0}
.ajuda-aviso{margin:0;padding:0 12px 10px;opacity:.72}

/* manual */
.manual{display:flex;gap:28px;align-items:flex-start}
.manual-indice{flex:0 0 230px;position:sticky;top:12px}
.manual-indice ol{margin:0;padding-left:1.2em;line-height:1.75;font-size:.92rem}
.manual-indice li.aqui>a{font-weight:700;color:var(--principal,#c026d3)}
.manual-texto{flex:1;min-width:0;max-width:72ch}
.manual-texto h2{margin-top:1.8em}
.manual-texto blockquote{margin:1em 0;padding:.6em 1em;border-left:3px solid var(--principal,#c026d3);background:var(--papel-2,#f8fafc)}
.manual-texto table{width:100%;border-collapse:collapse}
.manual-texto th,.manual-texto td{text-align:left;padding:7px 9px;border-bottom:1px solid var(--borda,#e2e8f0);vertical-align:top}
.tabela-rolar{overflow-x:auto}
@media (max-width:860px){.manual{flex-direction:column}.manual-indice{position:static;flex:1 1 auto}}
@media (prefers-color-scheme:dark){.ajuda-trecho mark{background:#92400e;color:#fff}}

/* As abas de momento (S29): "Conhecer", "Começar", "Usar". Elas mudam o
   registro da resposta — e existem porque o palpite do servidor pelo contexto
   da página não pode prender ninguém num momento errado. */
.ajuda-abas {
  display: flex;
  gap: .35em;
  padding: .5em .8em 0;
  flex-wrap: wrap;
}
.ajuda-abas .btn { flex: 1 1 auto; min-width: 5.5em; }

/* ★ O ícone DESLIGADO (S32): ele encolhe, nunca desaparece.
   O pedido do Diretor foi "pode desligar ou fechar, mas deve fixar sempre um
   ícone ativo" — então "desligar" é este estado, e não a ausência do botão. */
.ajuda-botao.min { padding: 10px; gap: 0; }
.ajuda-botao.min span { display: none; }
.ajuda-botao.min svg { width: 20px; height: 20px; }
/* Um botão de texto dentro do aviso do painel ("Desligar a ajuda"), sem
   parecer um botão: ali ele é uma escolha discreta, não uma ação principal. */
.ajuda-link {
  background: none; border: 0; padding: 0; font: inherit; color: inherit;
  text-decoration: underline; cursor: pointer;
}
.ajuda-link:hover { text-decoration: none; }

/* S44 — a linha em que a Matta conta o que ENTENDEU da pergunta
   ("entendi 'masserasao' como 'maceração'"). Discreta de propósito: é
   um aviso de bastidor, não a resposta. Quem leu, leu; quem não quis
   ler, não tropeça nela. */
.ajuda-msg.ajuda-discreta p {
  background: transparent;
  border: 1px dashed currentColor;
  opacity: .72;
  font-size: 13px;
  font-style: italic;
}

/* S44 — o passo a passo da tela, mostrado pela Matta quando ela não acha
   a resposta na ajuda. Numerado e curto: é para seguir, não para ler. */
.ajuda-msg .ajuda-guia-titulo { margin: .2em 0 .3em; }
.ajuda-msg ol.ajuda-guia { margin: 0 0 .4em; padding-left: 1.25em; line-height: 1.65; font-size: 13px; }
.ajuda-msg ol.ajuda-guia li { margin-bottom: 4px; }