/* dicode.ai — CSS só da página Raio-X do PDF (/metadados-pdf, Leva 16).
   Tela: assets/js/ferramentas/telas/metadados-pdf.js; opções: templates/ferramentas/metadados-pdf.html.
   Só os tokens do design system, cantos retos, sem sombra nem gradiente, linhas de 1px, alvos de
   toque de 44px. Celular primeiro. */

/* Opções */
.rx { display: grid; gap: 20px; min-width: 0; }
.rx-senha { display: grid; gap: 16px; min-width: 0; }
.rx-senha[hidden], .rx-remover[hidden], .rx-editar[hidden], .rx [hidden] { display: none; }
.rx-senha .aviso { margin: 0; background: var(--branco); }
.rx-senha .campo { max-width: 480px; }
.rx .aviso { margin: 0; background: var(--branco); }
.rx-bloqueio span { min-width: 0; overflow-wrap: anywhere; }
.rx-bloqueio a { white-space: nowrap; }
.rx-remover, .rx-editar { display: grid; gap: 16px; min-width: 0; }
.rx-sempre { display: grid; gap: 6px; padding: 14px 16px; background: var(--branco); border: 1px solid var(--linha); }
.rx-sempre p { margin: 0; font-size: 15px; }
.rx-opcionais { display: grid; gap: 2px; }
.rx-opcionais .opcao { align-items: flex-start; padding: 10px 0; }
.rx-opcionais .opcao input { margin-top: 2px; }
.rx-opcionais .opcao > span { display: grid; gap: 2px; min-width: 0; }
.rx-quantos:empty { display: none; }
.rx-campos { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) {
  .rx-campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rx-campo--largo { grid-column: 1 / -1; }
}
.rx-campos .entrada { min-width: 0; }
.rx-data-botoes { display: flex; gap: 16px; }
.rx-data-botoes .link-botao { min-height: 44px; }

/* Resultado */
.rx-res { display: grid; gap: 20px; min-width: 0; text-align: left; }
.rx-atencao { display: grid; gap: 8px; padding: 16px 20px; border: 1px solid var(--preto); background: var(--branco); min-width: 0; }
.rx-atencao h3, .rx-saiu h3, .rx-ficha h3 { margin: 0; font-weight: 400; }
.rx-atencao-lista, .rx-saiu-lista { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.rx-atencao-lista li { display: flex; gap: 12px; align-items: baseline; font-size: 15px; overflow-wrap: anywhere; }
.rx-atencao-lista li::before { content: ''; flex: none; width: 7px; height: 7px; background: var(--laranja); }
.rx-atencao-nada { margin: 0; font-size: 15px; }
.rx-relatorio { display: grid; gap: 8px; min-width: 0; }
.rx-relatorio-links { display: flex; flex-wrap: wrap; gap: 8px; }
.rx-acoes { display: flex; flex-wrap: wrap; gap: 4px 20px; }
.rx-acoes .link-botao { min-height: 44px; }
.rx-saiu, .rx-ficha { display: grid; gap: 10px; min-width: 0; }
.rx-saiu-lista li { display: flex; gap: 12px; align-items: baseline; font-size: 15px; }
.rx-saiu-lista li::before { content: ''; flex: none; width: 7px; height: 7px; background: var(--preto); }
.rx-saiu p, .rx-ficha p { margin: 0; font-size: 15px; }

/* Cada parte do Raio-X: abre e fecha (<details class="mais-opcoes">), com a lista rótulo → valor */
.rx-secao > summary { gap: 10px; }
.rx-secao-resumo { margin-left: 4px; font-weight: 400; }
.rx-lista { margin: 0 0 16px; display: grid; min-width: 0; }
.rx-linha {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  padding: 10px 0;
  border-top: 1px solid var(--linha);
  min-width: 0;
}
@media (min-width: 640px) {
  .rx-linha { grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); gap: 16px; }
}
.rx-linha dt { font-family: var(--fonte-mono); font-size: 13px; color: var(--cinza); }
.rx-linha dd { margin: 0; font-size: 15px; white-space: pre-line; overflow-wrap: anywhere; min-width: 0; }
.rx-linha--alerta dt::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 8px; background: var(--laranja); vertical-align: 1px; }
.rx-nota { display: block; margin-top: 4px; font-size: 14px; color: var(--cinza); white-space: normal; }