/* ============================================================
   REDES.LAB ON · Documentos dos projetos
   Plano de trabalho, planilha orçamentária e cronograma.
   Mesmas medidas do rl-projeto.css, porque as duas telas falam do
   mesmo projeto e o corte de largura é o mesmo.
   ============================================================ */
.dc{max-width:860px;}
.dc-carga{padding:24px;font-size:14px;line-height:1.6;color:var(--body);}

.dc-proj{padding:20px 22px;margin-bottom:16px;}
.dc-proj-cab{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--rule-soft);}
.dc-proj-nomes{flex:1 1 220px;min-width:0;}
.dc-proj-nomes b{display:block;font-size:15.5px;line-height:1.4;}
.dc-valor{flex:0 0 auto;font-family:var(--mono);font-size:12px;font-weight:700;
  color:var(--body-soft);white-space:nowrap;}

.dc-lista{display:flex;flex-direction:column;gap:8px;}
/* O nome do arquivo é a única parte que pode ser longa, então ele é o
   único que encolhe: o rótulo e o botão de baixar ficam sempre inteiros. */
.dc-doc{display:flex;align-items:flex-start;gap:11px;flex-wrap:wrap;
  background:var(--surface-sunk);border-radius:13px;padding:11px 14px;
  border-left:3px solid var(--rule-soft);}
.dc-doc-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:8px;background:var(--surface);color:var(--body-soft);}
.dc-doc-corpo{flex:1 1 200px;min-width:0;}
.dc-doc-corpo b{display:block;font-size:14px;}
.dc-doc-arq{font-size:12.5px;line-height:1.5;color:var(--body);
  overflow-wrap:anywhere;margin-top:1px;}
.dc-doc-meta{font-family:var(--mono);font-size:11px;color:var(--body-soft);margin-top:3px;}
.dc-doc-acoes{flex:0 0 auto;display:flex;align-items:center;gap:10px;}
.dc-doc-acoes .btn{display:inline-flex;align-items:center;gap:6px;}
.dc-doc-x{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;
  color:var(--body-soft);font-family:var(--mono);font-size:11px;font-weight:700;padding:4px 0;}
.dc-doc-x:hover{color:var(--magenta-vivo);}
.dc-doc-recado{flex:1 1 100%;font-family:var(--mono);font-size:11px;line-height:1.6;
  color:var(--magenta-vivo);}
.dc-vazio{font-family:var(--mono);font-size:11.5px;color:var(--body-soft);}

.dc-envio{margin-top:18px;padding-top:16px;border-top:1px solid var(--rule-soft);}
.dc-bloco-nome{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--body-soft);margin-bottom:12px;}
.dc-rot{display:block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--body-soft);margin-bottom:6px;}
.dc-campo{width:100%;border:1px solid var(--rule-soft);border-radius:13px;background:var(--surface);
  color:var(--ink);font:inherit;font-size:14px;line-height:1.55;padding:10px 13px;
  transition:border-color .14s ease;}
.dc-campo:focus{outline:none;border-color:var(--magenta-vivo);}
.dc-linha2{display:grid;grid-template-columns:220px 1fr;gap:14px;}
.dc-acoes{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;}
.dc-nota{font-family:var(--mono);font-size:11px;color:var(--body-soft);line-height:1.5;}
.dc-recado{margin-top:12px;font-size:13.5px;line-height:1.6;color:var(--body);}

/* Os documentos dentro da tela do projeto, que é onde quem executa está
   quando lembra que precisa do próprio plano de trabalho. */
.pj-docs{display:flex;flex-direction:column;gap:8px;}
.pj-docs-carga{font-family:var(--mono);font-size:11.5px;color:var(--body-soft);}

@media (max-width:560px){
  .dc-proj{padding:16px 15px;}
  .dc-linha2{grid-template-columns:1fr;}
  .dc-doc-acoes{flex:1 1 100%;}
}