/*
  dicode.ai — Desbloquear PDF (/desbloquear-pdf): o campo da senha (quando o PDF pede), a senha
  aceita, a lista das travas com a caixa de autorização e o aviso de PDF sem proteção.
  Só os tokens do design system (dicode.css): cantos retos, sem sombra nem gradiente, linhas de 1px,
  rótulos em Fragment Mono, alvos de toque de 44 px, pensado primeiro para o celular.
*/

.dpdf-senha, .dpdf-aceita, .dpdf-travas { min-width: 0; }
.dpdf-lendo[hidden], .dpdf-senha[hidden], .dpdf-aceita[hidden], .dpdf-travas[hidden], .dpdf-sem[hidden],
.dpdf-lista[hidden], .dpdf-travas .opcoes-dica[hidden] { display: none; }

/* ---------- Senha para abrir ---------- */
.dpdf-senha { display: grid; gap: 24px; }
.dpdf-senha-aviso { margin: 0; background: var(--branco); }
.dpdf-senha .campo { max-width: 480px; }
.dpdf-senha-linha { display: flex; gap: 8px; }
.dpdf-senha-linha .entrada { flex: 1 1 auto; min-width: 0; }
.dpdf-senha-linha .botao { flex: none; padding: 12px 20px; }
.dpdf-mostrar { min-height: 44px; }
@media (max-width: 400px) {
  .dpdf-senha-linha { flex-direction: column; }
  .dpdf-senha-linha .botao { justify-content: center; }
}

/* ---------- Senha aceita ---------- */
.dpdf-aceita { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 20px; }
.dpdf-aceita-texto { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 600; }
.dpdf-aceita-texto svg { flex: none; }
.dpdf-aceita .link-botao { min-height: 44px; }

/* ---------- Travas ---------- */
.dpdf-lista { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--linha); }
.dpdf-lista li {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid var(--linha);
  font-size: 16px;
}
/* Um traço laranja, como no aviso: "não deixa" */
.dpdf-lista li::before { content: ''; flex: none; width: 10px; height: 1.5px; background: var(--laranja); transform: translateY(-4px); }
.dpdf-autorizacao { align-items: flex-start; margin-top: 6px; }
.dpdf-autorizacao input { margin-top: 2px; }

/* ---------- Sem proteção ---------- */
.dpdf-sem { margin: 0; background: var(--branco); }
.dpdf-sem-titulo { margin: 0 0 4px; font-weight: 600; }
.dpdf-sem-texto { margin: 0; }

@media (forced-colors: active) {
  .dpdf-lista li::before { background: CanvasText; }
}