/* Estilo do módulo slack: só com o escopo [data-modulo="slack"] e só com var(--token). A mensagem parece mensagem de Slack
   (avatar, nome, hora, blocos, botões), mas com os tokens do ERP. */
[data-modulo="slack"] .slk-pagina,
[data-modulo="slack"] .slk-item { display: flex; flex-direction: column; gap: var(--e-4); min-width: 0; }
[data-modulo="slack"] .slk-grade { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--e-4); align-items: start; }
[data-modulo="slack"] .slk-col { display: flex; flex-direction: column; gap: var(--e-4); min-width: 0; }

/* conversa */
[data-modulo="slack"] .slk-feed { display: flex; flex-direction: column; gap: var(--e-5); padding: var(--e-4); background: var(--superficie-2); border: var(--b) solid var(--borda); border-radius: var(--r-card); }
[data-modulo="slack"] .slk-dia { display: flex; flex-direction: column; gap: var(--e-4); }
[data-modulo="slack"] .slk-dia-titulo { font: var(--t-legenda); color: var(--tinta-2); padding-bottom: var(--e-2); border-bottom: var(--b) solid var(--borda); }
[data-modulo="slack"] .slk-msg { display: grid; grid-template-columns: var(--e-6) minmax(0, 1fr); gap: var(--e-3); align-items: start; }
[data-modulo="slack"] .slk-msg-corpo { display: flex; flex-direction: column; gap: var(--e-3); min-width: 0; }
[data-modulo="slack"] .slk-avatar { width: var(--e-6); height: var(--e-6); border-radius: var(--r-chip); background: var(--marca-fundo); object-fit: contain; }
[data-modulo="slack"] .slk-avatar-pessoa { display: flex; align-items: center; justify-content: center; background: var(--neutro-fundo); color: var(--neutro); font: var(--t-titulo); }
[data-modulo="slack"] .slk-cab { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--e-2); }
[data-modulo="slack"] .slk-app { font: var(--t-legenda); color: var(--tinta-2); background: var(--neutro-fundo); padding: 0 var(--e-1); border-radius: var(--r-chip); }
[data-modulo="slack"] .slk-tipo { font: var(--t-legenda); color: var(--marca-texto); }
[data-modulo="slack"] .slk-texto { font: var(--t-corpo); overflow-wrap: anywhere; }
[data-modulo="slack"] .slk-pergunta { font: var(--t-titulo); }
[data-modulo="slack"] .slk-secao { display: flex; flex-direction: column; gap: var(--e-2); }
[data-modulo="slack"] .slk-secao-titulo { font: var(--t-legenda); color: var(--tinta-2); margin-top: var(--e-3); }
[data-modulo="slack"] .slk-linhas { display: flex; flex-direction: column; gap: var(--e-3); }
[data-modulo="slack"] .slk-linha { display: flex; flex-direction: column; gap: var(--e-2); min-width: 0; padding: var(--e-3); background: var(--superficie); border: var(--b) solid var(--borda); border-radius: var(--r-card); }
[data-modulo="slack"] .slk-linha[data-linha-state="aplicado"] { border-color: var(--ok); }
[data-modulo="slack"] .slk-linha[data-linha-state="aguardando-sincronia"] { border-color: var(--warn); }
[data-modulo="slack"] .slk-linha[data-linha-state="falhou"] { border-color: var(--crit); }
[data-modulo="slack"] .slk-titulo { font-weight: 600; overflow-wrap: anywhere; }
[data-modulo="slack"] .slk-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2) var(--e-3); min-width: 0; }
[data-modulo="slack"] .slk-meta .chip,
[data-modulo="slack"] .slk-meta .badge,
[data-modulo="slack"] .slk-chips .chip,
[data-modulo="slack"] .slk-chips .badge,
[data-modulo="slack"] .slk-final .chip,
[data-modulo="slack"] .slk-sincronia .badge { white-space: normal; max-width: 100%; }

/* o clique: a área de status tem altura reservada, para "registrando…" não empurrar nada */
[data-modulo="slack"] .slk-estado { min-height: var(--alvo-toque); display: flex; flex-direction: column; gap: var(--e-2); justify-content: center; min-width: 0; }
[data-modulo="slack"] .slk-acoes { display: flex; flex-wrap: wrap; gap: var(--e-2); align-items: center; }
[data-modulo="slack"] .slk-registrando { display: flex; align-items: center; gap: var(--e-2); color: var(--tinta-2); min-height: var(--alvo-toque); }
[data-modulo="slack"] .slk-final,
[data-modulo="slack"] .slk-sincronia { display: flex; flex-direction: column; gap: var(--e-2); align-items: flex-start; min-width: 0; }
[data-modulo="slack"] .slk-efemera { display: flex; flex-direction: column; gap: var(--e-2); align-items: flex-start; padding: var(--e-3); background: var(--neutro-fundo); border-left: var(--e-1) solid var(--dado); border-radius: var(--r-chip); min-width: 0; }
[data-modulo="slack"] .slk-efemera .t-legenda { display: flex; align-items: center; gap: var(--e-2); }
[data-modulo="slack"] .slk-form { display: flex; flex-direction: column; gap: var(--e-3); min-width: 0; }
[data-modulo="slack"] .slk-resp,
[data-modulo="slack"] .slk-respostas { display: flex; flex-direction: column; gap: var(--e-3); margin-top: var(--e-3); min-width: 0; }
[data-modulo="slack"] .slk-resposta { padding-top: var(--e-3); border-top: var(--b) solid var(--borda); }
[data-modulo="slack"] .slk-regras { display: flex; flex-direction: column; gap: var(--e-2); padding-left: var(--e-4); list-style: disc; }
[data-modulo="slack"] .slk-historico { display: flex; flex-direction: column; gap: var(--e-2); }

/* página de item: uma coluna, alvo de toque, sem tabela */
[data-modulo="slack"] .slk-item-corpo { display: flex; flex-direction: column; gap: var(--e-4); min-width: 0; }
[data-modulo="slack"] .slk-item .card-corpo { display: flex; flex-direction: column; gap: var(--e-3); }
[data-modulo="slack"] .slk-chips { display: flex; flex-wrap: wrap; gap: var(--e-2); align-items: center; }
[data-modulo="slack"] .slk-dl { display: flex; flex-direction: column; gap: var(--e-3); }
[data-modulo="slack"] .slk-dl-par { display: flex; flex-direction: column; gap: var(--e-1); min-width: 0; }
[data-modulo="slack"] .slk-dl dt { font: var(--t-legenda); color: var(--tinta-3); }
[data-modulo="slack"] .slk-dl dd { margin: 0; overflow-wrap: anywhere; min-width: 0; }
[data-modulo="slack"] .slk-item-acoes { display: flex; flex-direction: column; gap: var(--e-2); }
[data-modulo="slack"] .slk-item-rodape { display: flex; flex-direction: column; gap: var(--e-2); }
[data-modulo="slack"] .slk-item .btn,
[data-modulo="slack"] .slk-item .campo { min-height: var(--alvo-toque); }
[data-modulo="slack"] .slk-item .btn { width: 100%; }
[data-modulo="slack"] .slk-item .slk-acoes { flex-direction: column; align-items: stretch; }
[data-modulo="slack"] .slk-item .selo { overflow-wrap: anywhere; }

@media (max-width: 1199px) {
  [data-modulo="slack"] .slk-grade { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 639px) {
  [data-modulo="slack"] .slk-feed { padding: var(--e-3); }
  [data-modulo="slack"] .slk-msg { grid-template-columns: minmax(0, 1fr); }
  [data-modulo="slack"] .slk-avatar { display: none; }
  [data-modulo="slack"] .slk-linha .btn,
  [data-modulo="slack"] .slk-form .btn { width: 100%; }
  [data-modulo="slack"] .slk-acoes { flex-direction: column; align-items: stretch; }
  [data-modulo="slack"] .slk-final,
  [data-modulo="slack"] .slk-sincronia,
  [data-modulo="slack"] .slk-efemera { align-items: stretch; }
}