/* Pessoas › Documentação — o BLOCO (perfil, editar funcionário, tela do RH).
   Um arquivo só porque o parcial é um só: estilo por tela faria o mesmo
   documento parecer duas coisas diferentes. */
.dc-item { border:1px solid #e3e8ef; border-radius:.55rem; padding:.55rem .75rem; margin-bottom:.45rem; background:#fff; }
.dc-tipo { font-weight:600; color:#1a2a3a; font-size:.88rem; }
.dc-num  { font-family:ui-monospace, SFMono-Regular, Menlo, monospace; font-size:.85rem; color:#41506a; }
.dc-meta { font-size:.76rem; color:#6c757d; display:flex; flex-wrap:wrap; gap:.1rem .7rem; margin-top:.2rem; }
.dc-quem { font-style:italic; opacity:.85; }
.dc-selo { font-size:.68rem; font-weight:600; border-radius:999px; padding:.05rem .5rem; border:1px solid; white-space:nowrap; }
.dc-venc      { background:#fbeaec; color:#b02a37; border-color:#f1b7bd; }
.dc-vencelogo { background:#fff8e6; color:#7a5200; border-color:#f1dca4; }
.dc-anexo     { background:#eef2f7; color:#41506a; border-color:#d6dae0; }
.dc-form { border:1px solid #b6d4fe; background:#f4f8ff; border-radius:.55rem; padding:.7rem .8rem; margin-bottom:.6rem; }
.dc-form .form-label-sm { font-size:.74rem; margin-bottom:.15rem; color:#41506a; font-weight:500; }

/* O formulário (21/09/2026 — "o input do documento pode ter um layout melhor").
   Três coisas: cabeçalho que diz o que se está fazendo, a validade num bloco
   próprio (ela estava solta ao lado de "Emitido em", parecendo campo órfão) e
   a cópia com controle nosso — o `<input type=file>` cru escreve "Nenhum
   arquivo escolhido" no idioma do navegador e estoura a largura do modal. */
.dc-form-cab { display:flex; align-items:center; gap:.5rem; font-weight:600; color:#1a2a3a;
               font-size:.85rem; margin:-.1rem 0 .55rem; }
.dc-form-cab .btn-close { margin-left:auto; padding:.35rem; --bs-btn-close-opacity:.4; }
.dc-bloco-validade { display:flex; flex-wrap:wrap; align-items:flex-end; gap:.35rem 1rem;
                     margin-top:.6rem; padding:.5rem .7rem; border-radius:.45rem;
                     background:#fff; border:1px dashed #cfe0f5; }
.dc-bloco-validade .form-check { padding-top:.15rem; }
.dc-bloco-validade [data-campo-validade] { min-width:11rem; }
.dc-copia { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem .7rem; margin-top:.6rem;
            padding:.55rem .7rem; border-radius:.45rem; background:#fff; border:1px dashed #cfe0f5; }
.dc-copia-botao { display:inline-flex; align-items:center; gap:.35rem; cursor:pointer; margin:0;
                  font-size:.8rem; font-weight:500; color:#0d6efd; border:1px solid #b6d4fe;
                  background:#f4f8ff; border-radius:.35rem; padding:.25rem .6rem; }
.dc-copia-botao:hover { background:#e7f1ff; }
.dc-copia-nome { font-size:.8rem; color:#41506a; min-width:0; overflow:hidden;
                 text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.dc-copia-nome.vazio { color:#98a2b3; font-style:italic; }
.dc-copia-dica { font-size:.72rem; color:#8a94a6; margin-left:auto; }
.dc-copia.obrigatoria { border-color:#f1dca4; background:#fffdf7; }
.dc-copia.obrigatoria .dc-copia-dica { color:#7a5200; font-weight:600; }
@media (max-width:575.98px) {
  .dc-copia-dica { margin-left:0; flex-basis:100%; }
}
/* A pendência (21/09/2026): o RH pede a entrega ou cobra a renovação, e o selo
   é o que a pessoa vê na própria linha. Âmbar como "vence em breve" — a família
   é a mesma (algo a fazer); atrasada vai para o vermelho de vencido. */
.dc-selo.dc-pend { background:#eef4ff; color:#274b8a; border-color:#c3d7f7; }
.dc-selo.dc-pend.atrasada { background:#fbeaec; color:#b02a37; border-color:#f1b7bd; }
.dc-form-pedido { border-color:#f1dca4; background:#fffdf7; }
/* O aviso do topo (01/10/2026): uma linha por pedido, com o botão "Entregar"
   daquele documento e o que ainda falta. */
.dc-pend-linha { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .6rem;
                 padding:.25rem 0; border-top:1px dashed #f1dca4; }
.dc-pend-linha:first-of-type { border-top:0; }
/* O topo do bloco (01/10/2026): texto e botões dividem a linha enquanto cabem;
   no celular o texto fica com a linha dele e os botões descem, sem sair da tela. */
.dc-cab { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; margin-bottom:.5rem; }
.dc-cab-texto { flex:1 1 16rem; min-width:0; }
.dc-cab-acoes { display:flex; flex-wrap:wrap; gap:.5rem; margin-left:auto; }
@media (max-width:575.98px) {
  .dc-cab-acoes { margin-left:0; width:100%; }
  .dc-cab-acoes > .btn { flex:1 1 auto; }
}