/* A ficha do ponto no fim do perfil (02/11/2026, B1). Vale nos dois visuais; cores da família pelas variáveis do visual
   novo, com a mesma cor de reserva escrita uma vez aqui. */
.ficha-ponto {
  --fp-verde: var(--verde, #008D45); --fp-tinta: var(--tinta, #15241C); --fp-grafite: var(--grafite, #728579);
  --fp-fio: var(--fio, #E4ECE7); --fp-superficie: var(--superficie, #FFFFFF); --fp-ambar: var(--ambar, #D98A2B); --fp-sombra: rgba(0, 79, 37, .08);
  margin-top: 18px; background: var(--fp-superficie); color: var(--fp-tinta); border-radius: 14px; box-shadow: 0 4px 14px var(--fp-sombra); padding: 18px 20px; max-width: 980px;
  /* nunca mais largo que o perfil: o cartão encolhe com a tela (no notebook de 819 px ele alargava a página, ensaio 02/11 01h48) */
  min-width: 0; box-sizing: border-box; overflow-wrap: anywhere;
}
.ficha-ponto h3 { font-size: 16px; font-weight: 800; margin: 0 0 4px; }
.ficha-sub { font-size: 13px; color: var(--fp-grafite); margin: 0 0 12px; line-height: 1.45; }
.ficha-linha { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid var(--fp-fio); }
.ficha-rot { font-size: 13.5px; font-weight: 700; }
.ficha-opcoes { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13.5px; }
.ficha-opcoes label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; min-height: 32px; }
.ficha-ponto select { min-height: 36px; border: 1px solid var(--fp-fio); border-radius: 8px; padding: 0 8px; font: inherit; font-size: 13.5px; max-width: 100%; min-width: 0; background: var(--fp-superficie); color: var(--fp-tinta); }
.ficha-val { font-size: 13.5px; }
.ficha-relogio-nao_aparece, .ficha-relogio-excluido, .ficha-relogio-sem_cpf, .ficha-relogio-sem_arquivo { color: var(--fp-ambar); font-weight: 700; }
.ficha-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 12px; border-top: 1px solid var(--fp-fio); }
.ficha-msg { font-size: 13px; color: var(--fp-grafite); }
.ficha-hist { margin-top: 10px; font-size: 12.5px; color: var(--fp-grafite); }
.ficha-hist summary { cursor: pointer; font-weight: 700; min-height: 28px; }
.ficha-hist ul { margin: 6px 0 0; padding-left: 18px; line-height: 1.6; }
.ficha-rodape { font-size: 12px; color: var(--fp-grafite); margin: 8px 0 0; }
@media (max-width: 700px) { .ficha-linha { grid-template-columns: 1fr; gap: 6px; } }