/* ═══════════════════════════════════════════════════════════════════════════
   Relatório de Anotações — estilos EXCLUSIVOS do módulo.
   Todos os seletores começam em .relanot / #relAnot..., então este arquivo não
   toca em nada do resto do painel. Para remover a funcionalidade, basta apagar
   este arquivo e o <link> dele no index.html.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Barra de filtros (fica grudada no topo ao rolar o relatório) ──────────── */
.relanot-barra {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f5f7fa;
  border-bottom: 1px solid #dfe5ee;
  padding: 10px 16px;
}

.relanot-resumo {
  font-size: 0.82rem;
  color: #51607a;
}

.relanot-resumo strong { color: var(--eng-navy, #0d2347); }

/* ── Corpo ────────────────────────────────────────────────────────────────── */
.relanot-corpo {
  background: #f5f7fa;
  padding: 16px;
}

/* Coluna com a proporção de uma folha A4 em pé: o relatório é lido e impresso
   na vertical, então o conteúdo não se espalha na largura da tela. */
.relanot-pagina {
  max-width: 820px;
  margin: 0 auto;
}

/* ── Uma tarefa = um cartão ───────────────────────────────────────────────── */
.relanot-tarefa {
  background: #fff;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  break-inside: avoid;          /* não parte o cartão ao imprimir */
}

.relanot-tarefa-cab {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  background: #cfdff0;
  border-bottom: 1px solid #b8cde4;
  cursor: pointer;
  user-select: none;
}

.relanot-tarefa-cab:hover { background: #c2d6ea; }

.relanot-caret {
  color: #3c5675;
  flex: 0 0 auto;
  margin-top: 2px;
}

.relanot-caminho { flex: 1 1 auto; min-width: 0; line-height: 1.35; }

/* Macros que levam até a tarefa: presentes (identificam a tarefa), mas discretas */
.relanot-macro {
  font-size: 0.76rem;
  color: #4a5b73;
  overflow-wrap: break-word;
}

.relanot-sep { color: #aab4c4; margin: 0 4px; }

/* O nome da tarefa em si */
.relanot-nome {
  font-size: 0.92rem;
  font-weight: 600;
  color: #123a5e;
  overflow-wrap: break-word;
}

.relanot-tags {
  flex: 0 0 auto;
  display: flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}

.relanot-tag {
  font-size: 0.7rem;
  padding: 0.18em 0.5em;
  border-radius: 0.35rem;
  background: #dbe4f0;
  color: #2a3f60;
  white-space: nowrap;
}

/* EDT que mudou de uma semana para outra: o histórico continua o mesmo, mas
   vale sinalizar que a numeração andou (tarefa incluída/removida no cronograma) */
.relanot-tag-mudou { background: #fde8c8; color: #7a4b06; }

/* ── Linha do tempo das anotações ─────────────────────────────────────────── */
.relanot-timeline {
  list-style: none;
  margin: 0;
  padding: 6px 14px 10px 14px;
}

.relanot-item {
  display: flex;
  gap: 12px;
  padding: 7px 0;
  border-left: 2px solid #e3e8ef;
  margin-left: 6px;
  padding-left: 14px;
  position: relative;
}

.relanot-item::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--eng-blue, #1a4f9c);
}

.relanot-semana {
  flex: 0 0 auto;
  width: 132px;
  font-size: 0.76rem;
  color: #51607a;
  line-height: 1.3;
  padding-top: 1px;
}

.relanot-semana b { color: var(--eng-navy, #0d2347); font-weight: 600; }

.relanot-repet {
  display: block;
  font-size: 0.68rem;
  color: #8592a6;
}

.relanot-texto {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.83rem;
  line-height: 1.4;
  color: #22303f;
  white-space: pre-wrap;          /* respeita a quebra de linha vinda do CSV */
  overflow-wrap: break-word;
}

/* Texto igual ao da semana anterior (só aparece no modo "todas as semanas") */
.relanot-item.is-repetido .relanot-texto { color: #7b8798; }

.relanot-vazio {
  text-align: center;
  color: #6b7a90;
  padding: 40px 16px;
}

/* ── Impressão / PDF ──────────────────────────────────────────────────────── */
@media print {
  /* Folha A4 em pé — o formato para o qual o relatório foi desenhado */
  @page { size: A4 portrait; margin: 12mm; }
  /* Na folha a coluna usa a largura útil inteira (na tela ela fica centralizada) */
  .relanot-pagina { max-width: none; }
  .relanot-corpo { padding: 0; }
  /* O Bootstrap trava o body enquanto o modal está aberto; na impressão ele
     precisa voltar a fluir, senão só a primeira página sai. */
  html, body { overflow: visible !important; height: auto !important; }
  body > *:not(.relanot-print-host) { display: none !important; }
  .relanot-print-host .modal-content,
  .relanot-print-host .modal-dialog { height: auto !important; }
  .relanot-print-host,
  .relanot-print-host .modal-dialog,
  .relanot-print-host .modal-content { position: static !important; display: block !important; }
  .relanot-print-host { position: static !important; overflow: visible !important; background: #fff !important; }
  .relanot-print-host .modal-dialog { max-width: none; margin: 0; }
  .relanot-print-host .modal-content { border: 0; }
  .relanot-print-host .modal-header .btn-close,
  .relanot-print-host .relanot-barra .relanot-acoes,
  .relanot-print-host .relanot-controles { display: none !important; }
  .relanot-print-host .modal-body { overflow: visible !important; height: auto !important; }
  .relanot-barra { position: static; }
  .relanot-corpo, .relanot-barra { background: #fff !important; }
  .relanot-tarefa { border-color: #ccc; }
}