/* base compartilhada do CAPTURE: links, pasta do Drive, sincronia com o Datacrazy */
.cap-link { color: var(--marca-2); font-weight: 500; text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--marca-2) 35%, transparent); }
.cap-link:hover { border-bottom-color: var(--marca-2); }
.cap-trio { display: inline-flex; gap: 12px; flex-wrap: wrap; font-size: 12.5px; }
.cap-link-pasta::before { content: ""; display: inline-block; width: 11px; height: 9px; margin-right: 5px; border: 1.5px solid currentColor; border-radius: 2px; vertical-align: -1px; }
.cap-pasta { display: grid; gap: 12px; }
.cap-pasta-topo { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.cap-pasta-cam { display: flex; gap: 8px; align-items: center; color: var(--tinta-2); font-size: 13px; min-width: 0; }
.cap-pasta-cam svg, .cap-sub svg, .cap-arq svg { width: 16px; height: 16px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; color: var(--tinta-3); }
.cap-pasta-cam span { overflow-wrap: anywhere; }
.cap-pasta-acoes { display: flex; gap: 8px; }
.cap-pasta-acoes a.btn { text-decoration: none; color: inherit; }
.cap-sync-linha { display: flex; gap: 8px; align-items: center; font-size: 12.5px; color: var(--tinta-3); }
.cap-subs { display: flex; gap: 6px; flex-wrap: wrap; }
.cap-sub { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--linha); background: var(--painel); border-radius: 8px; padding: 5px 10px; font-size: 12.5px; color: var(--tinta-2); }
.cap-sub em { font-style: normal; color: var(--tinta-3); }
.cap-sub.ativo { border-color: var(--marca-2); color: var(--marca); background: var(--marca-suave); }
.cap-arq { display: flex; gap: 8px; align-items: center; min-width: 220px; }
.cap-arq-n b { font-weight: 500; display: block; }
.cap-arq-n small { color: var(--tinta-3); font-size: 11.5px; }
.cap-pasta-rodape { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 12.5px; }
.cap-pasta-sem { border: 1px dashed var(--linha-forte); border-radius: var(--raio); padding: 18px; background: var(--painel-2); color: var(--tinta-2); }
/* sincronia com o Datacrazy */
.dcz-faixa { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: var(--raio); background: var(--info-suave); border: 1px solid transparent; margin-bottom: 12px; font-size: 13px; color: var(--tinta-2); }
.dcz-faixa b { color: var(--tinta); }
.dcz-chip { display: inline-flex; gap: 5px; align-items: center; font-size: 11.5px; color: var(--info); background: var(--info-suave); border-radius: 99px; padding: 1px 8px; font-weight: 600; }
.dcz-log { display: grid; gap: 0; }
.dcz-linha { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linha); font-size: 13px; }
.dcz-linha:last-child { border-bottom: 0; }
.dcz-linha time { color: var(--tinta-3); }
.dcz-linha small { display: block; color: var(--tinta-3); margin-top: 2px; }
.dcz-move { animation: dczpulsa 1.6s ease-out; }
@keyframes dczpulsa { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--latao) 70%, transparent); } 100% { box-shadow: 0 0 0 14px transparent; } }

/* linha do tempo do processo */
.cap-lt { display: grid; gap: 12px; }
.cap-lt-barra { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.cap-lt-barra .aba em { font-style: normal; color: var(--tinta-3); margin-left: 4px; }
.cap-lt-chave { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; color: var(--tinta-2); }
.cap-lt-nota { font-size: 12.5px; color: var(--tinta-3); max-width: 80ch; }
.cap-lt-lista { display: grid; }
.cap-lt-mes { font-family: var(--f-titulo); font-weight: 600; font-size: 15px; color: var(--tinta-2); padding: 14px 0 6px; text-transform: none; }
.cap-lt-item { display: grid; grid-template-columns: 54px 14px 1fr; gap: 10px; padding: 0 0 14px; position: relative; }
.cap-lt-item::before { content: ""; position: absolute; left: 60px; top: 14px; bottom: -2px; width: 2px; background: var(--linha); }
.cap-lt-item:last-child::before { display: none; }
.cap-lt-hora { text-align: right; line-height: 1.2; padding-top: 2px; }
.cap-lt-hora b { display: block; font-weight: 600; font-size: 13px; }
.cap-lt-hora small { color: var(--tinta-3); font-size: 11.5px; }
.cap-lt-ponto { width: 10px; height: 10px; border-radius: 50%; margin: 6px 0 0 1px; background: var(--info); border: 2px solid var(--painel); box-shadow: 0 0 0 1px var(--linha-forte); z-index: 1; }
.cap-lt-intimacao .cap-lt-ponto { background: var(--atencao); }
.cap-lt-publicacao .cap-lt-ponto { background: var(--marca-2); }
.cap-lt-corpo { background: var(--painel-2); border: 1px solid var(--linha); border-radius: 10px; padding: 10px 12px; display: grid; gap: 6px; min-width: 0; }
.cap-lt-topo { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.cap-lt-fonte { font-size: 12px; color: var(--tinta-3); }
.cap-lt-texto { font-size: 13.5px; }
.cap-lt-arq { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 12px; color: var(--tinta-3); }
.cap-lt-link { display: inline-flex; gap: 6px; align-items: center; border: 1px solid color-mix(in srgb, var(--marca-2) 40%, transparent); background: var(--marca-suave); color: var(--marca); border-radius: 8px; padding: 4px 10px; font-size: 12.5px; font-weight: 500; }
.cap-lt-link:hover { border-color: var(--marca-2); }
.cap-lt-link svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.cap-lt-cab { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cap-lt-ferr { display: flex; gap: 8px; flex-wrap: wrap; }
.cap-lt-ferr a.btn { text-decoration: none; color: inherit; }
.cap-leitor { background: var(--painel); border: 1px solid var(--linha); border-radius: 10px; padding: 18px 22px; max-height: 62vh; overflow: auto; }
.cap-md { font-size: 14px; line-height: 1.6; color: var(--tinta); max-width: 72ch; }
.cap-md h2, .cap-md h3, .cap-md h4 { font-family: var(--f-titulo); font-weight: 600; margin: 14px 0 6px; line-height: 1.2; }
.cap-md h2 { font-size: 22px; margin-top: 0; } .cap-md h3 { font-size: 17px; } .cap-md h4 { font-size: 15px; }
.cap-md p, .cap-md ul, .cap-md ol { margin: 0 0 10px; }
.cap-md ul, .cap-md ol { padding-left: 20px; }
.cap-md blockquote { margin: 10px 0; padding: 8px 14px; border-left: 3px solid var(--latao); background: var(--latao-suave); border-radius: 0 8px 8px 0; color: var(--tinta-2); }
.cap-txt { margin: 0; white-space: pre-wrap; font: inherit; font-size: 13.5px; line-height: 1.6; }