/* ============================================================================
   v5-perguntas-prontas.css — AS PERGUNTAS PRONTAS DO CHAT   (30/09/2026 · v142)

   Histórico: 1ª versão rolava de lado; a 2ª (grade 2x2 de assuntos) enchia o
   painel inteiro e a conversa ficava sem espaço. O dono do painel: "ficou
   ruim ainda, escolha outra forma".
   AGORA as duas abas do chat dividem o trabalho:
     · Assistente IA → 3 perguntas em destaque + "Ver todas as perguntas".
     · Sugestões     → a lista completa, por assunto, rolando para baixo.
   Motor: pintaTarefas / DESTAQUE_QA em v5-escritorio.js.
   Para desligar: tire o <link> do escritorio.html.
   ========================================================================== */
body.v5-escritorio .office-chat-panel .chat-quick-actions {
  display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important;
  gap: 8px; overflow-x: hidden !important; grid-template-columns: none !important;
}

/* ---- aba Assistente: só o destaque ---- */
body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-destaque {
  display: flex; flex-direction: column; gap: 8px; flex: none;
}
body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-completa { display: none; }
body.v5-escritorio .office-chat-panel[data-aba="assistente"] .chat-quick-actions { flex: 0 0 auto !important; overflow: visible !important; }

/* o link "Ver todas": discreto, sem cara de cartão */
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-todas {
  background: transparent !important; border: 1px dashed var(--v139-borda, rgba(255,255,255,.14)) !important;
  color: var(--v139-menta, var(--ds-menta, #34D6B5)) !important; font-weight: 700 !important;
  justify-content: center; min-height: 38px !important;
}
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-todas::after { content: "→" !important; margin-left: 6px !important; color: inherit !important; }
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-todas span { flex: none !important; }
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-todas:hover { border-style: solid !important; }

/* ---- aba Sugestões: a lista inteira, por assunto ---- */
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .chat-quick-actions .qa-destaque { display: none; }
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .chat-quick-actions .qa-completa {
  display: flex; flex-direction: column; gap: 16px;
}
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .chat-quick-actions {
  flex: 1 1 auto !important; min-height: 0; max-height: none !important; overflow-y: auto !important;
}
/* na aba Sugestões a lista tem o painel todo: conversa e crachá saem da frente */
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .agent-chat-messages,
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .chat-agent-summary,
body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .chat-mostra-prontas { display: none !important; }

body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-assunto {
  display: flex; flex-direction: column; gap: 6px;
}
body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-assunto h6 {
  margin: 0 0 2px; display: flex; align-items: center; gap: 7px;
  font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--v139-tx2, var(--ds-linha-2, #A9C1C4));
}
body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-assunto h6 svg {
  width: 14px; height: 14px; color: var(--v139-menta, var(--ds-menta, #34D6B5));
  fill: none; stroke: currentColor; stroke-width: 1.8;
}
/* dentro de um assunto as perguntas ficam mais baixas: a lista é longa */
body.v5-escritorio .office-chat-panel .chat-quick-actions .qa-assunto button {
  min-height: 38px !important; padding: 8px 11px !important; font-size: 12.5px !important;
}
body.v5-escritorio .office-chat-panel .chat-quick-actions button { white-space: normal !important; }

/* a regra antiga "só as 7 primeiras" não vale mais: quem limita é a aba */
body.v5-escritorio .office-chat-panel[data-aba] .chat-quick-actions button:nth-child(n+1) { display: flex !important; }
body.v5-escritorio .office-chat-panel[data-aba="assistente"] .chat-quick-actions .qa-completa button { display: none !important; }

/* "Voltar para a conversa": só onde as abas não aparecem (celular/tablet) */
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-voltar {
  background: transparent !important; border: 0 !important; min-height: 30px !important;
  padding: 4px 2px !important; color: var(--v139-menta, var(--ds-menta, #34D6B5)) !important; font-weight: 700 !important;
}
body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-voltar::after { content: none !important; }
@media (min-width: 1100px) {
  body.v5-escritorio .office-chat-panel .chat-quick-actions button.qa-voltar { display: none !important; }
}