/* dicode.ai — CSS só da página Pedir assinatura (/pedir-assinatura).
   Tela: assets/js/ferramentas/telas/pedir-assinatura.js; opções: templates/ferramentas/pedir-assinatura.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. Os botões de subir, descer e tirar usam as peças da lista de arquivos
   (.arquivo-botoes, .arquivo-botao, do dicode.css). */

.pedir-documento { max-width: 560px; }
.pedir-pessoas { gap: 12px; }
.pedir-ordem-explica { max-width: 720px; }

/* Lista de quem assina: uma linha por pessoa, numerada, com os campos lado a lado no computador */
.pedir-lista { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--preto); }
.pedir-pessoa { display: grid; gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--linha); min-width: 0; }
.pedir-pessoa-cab { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.pedir-pessoa-num { font-weight: 600; color: var(--preto); }
.pedir-pessoa-campos { display: grid; gap: 12px; min-width: 0; }
.pedir-pessoa-campos .campo { min-width: 0; }
@media (min-width: 760px) {
  .pedir-pessoa-campos { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; }
}

.pedir-adicionar-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.pedir-maximo { margin: 0; }
.pedir-maximo[hidden] { display: none; }

/* Avisos (ordem e PDF já assinado) */
.pedir-aviso { margin: 0; background: var(--branco); }
.pedir-aviso[hidden] { display: none; }
.pedir-aviso-corpo { display: grid; gap: 12px; justify-items: start; min-width: 0; }
.pedir-aviso-corpo p { margin: 0; }

/* Resultado: o caminho do PDF, de pessoa em pessoa */
.pedir-caminho { display: grid; gap: 8px; min-width: 0; }
.pedir-caminho > .rotulo { margin: 0; }
.pedir-caminho-lista {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: pedir;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.pedir-caminho-item {
  counter-increment: pedir;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--preto);
  background: var(--branco);
  font-size: 15px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.pedir-caminho-item::before { content: counter(pedir) "."; font-family: var(--fonte-mono); font-size: 13px; color: var(--cinza); }
.pedir-caminho-nome { font-weight: 700; }
.pedir-caminho-volta::before { content: "↩"; }

/* Uma mensagem por pessoa */
.pedir-msg { display: grid; gap: 10px; padding-top: 20px; border-top: 1px solid var(--preto); min-width: 0; }
.pedir-msg-titulo { margin: 0; font-size: 19px; line-height: 1.35; overflow-wrap: anywhere; }
.pedir-msg-para { margin: 0; overflow-wrap: anywhere; }
.pedir-msg-texto { min-height: 12em; resize: vertical; font-size: 15px; }
@supports (field-sizing: content) { .pedir-msg-texto { field-sizing: content; } }
.pedir-msg-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.pedir-msg-botoes .botao { text-decoration: none; }
.pedir-msg-nota, .pedir-msg-dica { margin: 0; }
.pedir-msg-dica:empty { display: none; }
@media (max-width: 559.98px) {
  .pedir-msg-botoes .botao { flex: 1 1 100%; justify-content: center; }
}