/* O ponto pelo Norte visto pelo RH (B2, só no Compasso de teste). Cores pelas variáveis da família, com a reserva aqui. */
.pt {
  --pt-verde: var(--verde, #008D45);
  --pt-tinta: var(--tinta, #15241C);
  --pt-grafite: var(--grafite, #5E7066);
  --pt-fio: var(--fio, #E4ECE7);
  --pt-superficie: var(--superficie, #FFFFFF);
  --pt-ambar-suave: var(--ambar-suave, #FBF1E3);
  --pt-ambar-texto: var(--ambar-texto, #8A5513);
  --pt-vermelho: var(--vermelho, #C8372D);
  --pt-sombra: rgba(0, 79, 37, .08);
  display: grid; gap: 16px; max-width: 980px; }
.pt-faixa { background: var(--pt-ambar-suave); color: var(--pt-ambar-texto); border-radius: 12px; padding: 10px 14px; font-weight: 700; font-size: 13.5px; }
.pt-cartao { background: var(--pt-superficie); color: var(--pt-tinta); border-radius: 14px; box-shadow: 0 4px 14px var(--pt-sombra); padding: 16px 18px; display: grid; gap: 10px; min-width: 0; }
.pt-cartao h3 { margin: 0; font-size: 16px; } .pt-sub { margin: 0; color: var(--pt-grafite); font-size: 13px; }
.pt-pendente { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; border-top: 1px solid var(--pt-fio); padding-top: 10px; }
.pt-selfie { width: 96px; height: 96px; object-fit: cover; border-radius: 10px; background: var(--pt-fio); }
.pt-info { display: grid; gap: 4px; font-size: 13.5px; min-width: 0; } .pt-motivo { color: var(--pt-grafite); }
.pt-acoes { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 4px; }
.pt-motivo-recusa { min-height: 36px; border: 1px solid var(--pt-fio); border-radius: 8px; padding: 0 8px; font: inherit; min-width: 0; flex: 1 1 160px; }
.pt-erro { color: var(--pt-vermelho); font-weight: 700; margin: 0; } .pt-vazio { color: var(--pt-grafite); margin: 0; }
@media (max-width: 600px) { .pt-pendente { grid-template-columns: minmax(0, 1fr); } }