/* Labtech Workbench · Módulo 6 · Radar Bibliográfico.
   Só variáveis do index.html (--ink, --muted, --line, --surface, --blue-wash…): o tema claro/escuro vem de graça.
   Prefixo rd- para não colidir com o coletor, o extrator, os questionários e o painel. */
.rd-mod{display:flex;flex-direction:column;gap:18px}
.rd-sec{display:flex;flex-direction:column;gap:14px}
.rd-cab header .row{flex:1;min-width:0} .rd-cab #rd-sel{max-width:420px;min-width:0}
.rd-erros{padding:10px 16px;border-top:1px solid var(--line-soft);display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--red);background:var(--red-wash);border-radius:0 0 var(--r) var(--r)}
.rd-erros div{display:flex;gap:6px;align-items:flex-start} .rd-erros svg{margin-top:2px}
.rd-steps.steps{grid-template-columns:repeat(5,minmax(0,1fr))}
.rd-mod .mini.warn{color:var(--amber)} .rd-mod .mini.bad{color:var(--red)} .rd-mod .mini.ok{color:var(--green)}

/* formulários em grade rótulo | campo (mesma grade dos módulos 3 e 4) */
.rd-form{display:flex;flex-direction:column;gap:12px}
.rd-f{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 12px;align-items:start}
.rd-lab{font-size:12.5px;color:var(--muted);padding-top:8px;display:flex;align-items:center;flex-wrap:wrap;font-weight:500}
.rd-v{min-width:0;display:flex;flex-direction:column;gap:6px} .rd-v>.sel,.rd-v>.txt{width:100%} .rd-v .row{gap:6px 12px}
.rd-item{padding:8px 10px;border:1px solid var(--line-soft);border-radius:7px;background:var(--surface-2);display:flex;flex-direction:column;gap:6px}
.rd-str{font-size:12px;white-space:pre-wrap;word-break:break-word;max-width:420px}
.rd-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}

/* passo 2 · duas colunas com o PRISMA ao lado */
.rd-2col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
.rd-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.rd-lado{position:sticky;top:60px}
.rd-svg{width:100%} .rd-svg svg{width:100%;height:auto;display:block}
.rd-nnn.nnn{grid-template-columns:repeat(4,minmax(0,1fr))} .rd-nnn b{font-size:20px}
.rd-avisos{display:flex;flex-direction:column;gap:4px} .rd-avisos div{display:flex;gap:6px;align-items:flex-start;border-left:3px solid var(--amber);background:var(--amber-wash);color:var(--ink);padding:5px 9px;border-radius:0 5px 5px 0;font-size:12.5px;line-height:1.5}
.rd-avisos div svg{color:var(--amber);margin-top:2px;flex:none}
.rd-manual{border-bottom:1px solid var(--line-soft);background:var(--surface-2)}
.rd-ref .rd-acts{display:flex;flex-direction:column;gap:4px;align-items:flex-end;min-width:150px}
.rd-ref .rd-acts .btn{justify-content:flex-start;width:100%}
.rd-rel{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:4px} .rd-rel .meterbar{width:64px} .rd-rel .help{margin:0}
.rd-resumo{margin-top:6px} .rd-resumo summary{font-size:12px} .rd-resumo .p{margin-top:4px;font-size:12.5px;color:var(--text);max-height:220px;overflow:auto}
.rd-excl{margin-top:8px;padding:8px 10px;border:1px solid var(--red);border-radius:7px;background:var(--red-wash);display:flex;flex-direction:column;gap:6px}
.rd-sem .it .p{font-size:12.5px}

/* passo 3 · verificação */
.rd-faixa{border:1px solid var(--amber);background:var(--amber-wash);color:var(--ink);padding:9px 14px;border-radius:var(--r);display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.5} .rd-faixa svg{color:var(--amber);flex:none}
.rd-ver{margin-top:8px;padding:9px 12px;border:1px solid var(--line);border-left-width:3px;border-radius:0 7px 7px 0;background:var(--surface-2);display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text)}
.rd-ver-ok{border-left-color:var(--green)} .rd-ver-alerta{border-left-color:var(--amber)} .rd-ver-falha{border-left-color:var(--red)} .rd-ver-indisponivel{border-left-color:var(--line)}
.rd-det{font-size:12.5px;color:var(--ink);line-height:1.5}
.rd-kv{grid-template-columns:120px 1fr;font-size:12px} .rd-kv dd{white-space:pre-wrap}
.rd-trecho{margin:4px 0 0;padding:6px 10px;border-left:3px solid var(--blue);background:var(--blue-wash);color:var(--ink);font-size:12.5px;line-height:1.55;border-radius:0 5px 5px 0;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}
.rd-trecho .mini{display:block;margin-bottom:3px;font-family:"JetBrains Mono",ui-monospace,monospace}
.rd-ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink)} .rd-ul li{margin:2px 0}
.rd-sub{display:flex;flex-direction:column;gap:3px;padding-left:8px;border-left:2px solid var(--line-soft)}
.rd-tab{font-size:12px} .rd-tab td{vertical-align:top;max-width:320px;word-break:break-word}
.rd-inc .row .help{margin:0 0 0 3px}

/* passo 4 · síntese, cobertura, relações, biblioteca */
.rd-sin{padding:12px 16px;border-bottom:1px solid var(--line-soft);display:flex;flex-direction:column;gap:8px} .rd-sin:last-child{border-bottom:0}
.rd-sin .h{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .rd-sin .h b{color:var(--ink);font-size:13.5px} .rd-sin .h span{font-size:12px;color:var(--muted)}
.rd-sin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .rd-sin-grid label{display:flex;flex-direction:column;gap:3px} .rd-sin-grid label span{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
.rd-cob td.num,.rd-cob th.num{text-align:right;font-variant-numeric:tabular-nums}
.rd-cob .rd-cel{display:inline-block;min-width:28px;padding:1px 6px;border-radius:4px;background:color-mix(in srgb,var(--blue) calc(var(--i,0) * 60%),transparent);color:var(--ink)}
.rd-cob tr.rd-lacuna td{background:var(--red-wash)}
.rd-rel.rd-2col{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.rd-decl{align-items:flex-start;border:1px solid var(--amber);background:var(--amber-wash);border-radius:7px;padding:8px 10px;color:var(--ink);line-height:1.5} .rd-decl input{margin-top:3px}
input[type=file].sel{padding:6px 8px}

/* passo 5 · quiz */
.rd-quiz-texto{font-size:14px;line-height:1.75;color:var(--ink)} .rd-quiz-texto p{margin:0 0 10px} .rd-quiz-texto h3{margin:6px 0 8px}
.rd-marc{border:1px solid var(--blue);background:var(--blue-wash);color:var(--blue);border-radius:4px;padding:0 5px;font-size:11.5px;font-weight:700;font-family:"JetBrains Mono",ui-monospace,monospace;cursor:pointer;vertical-align:baseline;line-height:1.4}
.rd-marc:hover{background:var(--blue);color:#fff}
.rd-cit .p{font-size:13px;color:var(--ink)} .rd-cit.rd-certo{box-shadow:inset 3px 0 0 var(--green)} .rd-cit.rd-errado{box-shadow:inset 3px 0 0 var(--red)}
.rd-cit.rd-pisca{background:var(--amber-wash);transition:background .3s}
.rd-gab{margin-top:8px;display:flex;gap:6px;align-items:flex-start;border-left:3px solid var(--violet);background:var(--violet-wash);color:var(--ink);padding:6px 10px;border-radius:0 5px 5px 0;font-size:12.5px;line-height:1.5} .rd-gab svg{color:var(--violet);margin-top:2px;flex:none}
.rd-placar{font-family:Figtree,sans-serif;font-weight:800;font-size:20px;color:var(--ink)}

@media (max-width:860px){.rd-2col,.rd-rel.rd-2col{grid-template-columns:1fr} .rd-lado{position:static}}
@media (max-width:760px){
  .rd-f{grid-template-columns:1fr} .rd-lab{padding-top:0} .rd-steps.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-nnn.nnn{grid-template-columns:repeat(2,minmax(0,1fr))} .rd-sin-grid{grid-template-columns:1fr} .rd-kv{grid-template-columns:1fr}
  .rd-ref{grid-template-columns:1fr!important} .rd-ref .rd-acts{flex-direction:row;flex-wrap:wrap;align-items:center;min-width:0} .rd-ref .rd-acts .btn{width:auto}
}
