/* Reuniões — página no design system V3.1 (v31.css, tema claro).
   Aqui vive só o que é próprio desta tela: painel claro, formulários,
   busca de unidade, chips, paginação, pendências e o semáforo
   verde/amarelo/vermelho usado no resumo congelado. */

/* caixa clara padrão da página (formulário, listas, detalhe) */
.painel-reuniao {
  background: var(--sup); border: 1px solid var(--linha); border-radius: var(--raio);
  box-shadow: var(--sombra); padding: 20px 22px; margin-top: 10px;
}

/* ── formulários (nova reunião, nova pendência, detalhe) ── */
.reuniao-campos {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px; margin-bottom: 12px;
}
.reuniao-campos label, #nr-busca-unidade label, #detalhe-reuniao-conteudo label {
  display: flex; flex-direction: column; gap: 4px; font-size: .8rem;
  color: var(--tinta-2); font-weight: 600;
}
#form-nova-reuniao input, #form-nova-reuniao select,
#detalhe-reuniao-conteudo input, #detalhe-reuniao-conteudo select,
#detalhe-reuniao-conteudo textarea, .filtros select {
  background: var(--sup); border: 1px solid var(--linha); border-radius: var(--raio-sm);
  color: var(--tinta); padding: 9px 10px; font-size: .88rem; font-family: inherit;
}
#form-nova-reuniao input:focus, #form-nova-reuniao select:focus,
#detalhe-reuniao-conteudo input:focus, #detalhe-reuniao-conteudo select:focus,
#detalhe-reuniao-conteudo textarea:focus, .filtros select:focus {
  outline: none; border-color: var(--marca);
}
#form-nova-reuniao > .btn-v31 { margin-top: 6px; }
#nr-busca-unidade label { max-width: 400px; }

/* resultados da busca de unidade */
.busca-resultados { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; max-width: 400px; }
.busca-item {
  text-align: left; background: var(--sup); border: 1px solid var(--linha); color: var(--tinta);
  border-radius: var(--raio-sm); padding: 8px 12px; cursor: pointer; font-size: .85rem;
}
.busca-item:hover { border-color: var(--marca); background: var(--marca-clara); }

/* chips de unidades selecionadas */
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0; }
.chip {
  background: var(--plano); border: 1px solid var(--linha); border-radius: 999px;
  padding: 4px 8px 4px 12px; font-size: .82rem; display: inline-flex; align-items: center; gap: 6px;
}
.chip-remover {
  background: none; border: none; color: var(--tinta-muda); cursor: pointer;
  font-size: 1rem; padding: 0 4px; line-height: 1;
}
.chip-remover:hover { color: var(--critico); }

/* checklist de unidades sem 1ª reunião */
.lista-vinculos {
  list-style: none; margin: 0; padding: 0; display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 6px 16px;
}
.lista-vinculos a { color: var(--marca); text-decoration: none; font-size: .88rem; }
.lista-vinculos a:hover { text-decoration: underline; }

/* filtros e paginação */
.filtros { margin-top: 10px; }
.paginacao {
  display: flex; align-items: center; gap: 12px; margin-top: 12px;
  font-size: .82rem; color: var(--tinta-muda); flex-wrap: wrap;
}
.paginacao:empty { display: none; margin: 0; }
.paginacao button {
  background: var(--sup); border: 1px solid var(--linha); border-radius: var(--raio-sm);
  padding: 7px 14px; font-size: .82rem; color: var(--tinta); cursor: pointer; font-weight: 500;
}
.paginacao button:hover:not([disabled]) { border-color: var(--eixo); }
.paginacao button[disabled] { opacity: .45; cursor: default; }

.linha-clicavel td { cursor: default; }

/* detalhe da reunião */
#detalhe-reuniao-conteudo h3 {
  margin: 20px 0 10px; font-size: .78rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; color: var(--tinta-muda);
}
#detalhe-reuniao-conteudo label { margin: 10px 0; max-width: 220px; }
#dr-status { margin: 0 4px; }
#dr-feedback, #dr-decisoes { width: 100%; resize: vertical; margin-bottom: 8px; }

/* pendências */
.pendencia-card { padding: 12px 0; border-bottom: 1px solid var(--linha); }
.pendencia-card:last-child { border-bottom: none; }
.pendencia-card p { margin: 2px 0 6px; font-size: .88rem; }
.pendencia-card.pendencia-vencida strong { color: var(--critico); }
#form-nova-pendencia { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--linha); }

/* semáforo do resumo congelado (classes verde/amarelo/vermelho vêm do backend) */
.dot { display: inline-block; width: 10px; height: 10px; border-radius: 999px; margin: 0 2px; }
.dot.verde { background: var(--bom); }
.dot.amarelo { background: var(--atencao); }
.dot.vermelho { background: var(--critico); }

/* "abrir modo reunião" é um <a> com cara de botão */
a.btn-v31 { text-decoration: none; display: inline-block; color: var(--tinta); }