/* =====================================================================
   Etapa 5B: Notas e abas da Agenda.
   Arquivo próprio da etapa (não altera base.css nem componentes.css).
   ===================================================================== */

/* Agenda com 3 abas (Compromissos | Tarefas | Notas) */
.abas--tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
/* "Compromissos" não cabe num terço de celular com a letra normal: a letra
   acompanha a largura da tela (3,2% dela), entre 0,75rem e o tamanho normal.
   Medido no navegador: cabe inteiro de 360px de largura para cima. */
.abas--tres .aba { font-size: clamp(0.75rem, 3.2vw, 1rem); padding-inline: 2px; }

/* Campo de texto longo da nota */
textarea.campo__entrada {
  min-height: 160px;
  padding: 12px 14px;
  line-height: 1.5;
  resize: vertical;   /* deixa aumentar a altura arrastando o canto */
}

/* Topo da aba: filtro de área + botão Nova nota */
.notas__topo { display: flex; gap: 10px; align-items: stretch; }
.notas__topo select { flex: 1; min-width: 0; }

/* Cartão de nota */
.nota {
  width: 100%;
  display: flex; flex-direction: column; gap: 8px;
  font: inherit; color: inherit; text-align: left;
  padding: 14px 16px; cursor: pointer;
}
.nota--fixada { border-color: rgba(251, 191, 36, 0.45); }
.nota__titulo { display: flex; gap: 8px; align-items: baseline; }
.nota__pino { font-size: 0.9rem; }
.nota__previa {
  color: var(--texto-suave);
  font-size: 0.92rem;
  white-space: pre-line;       /* respeita as quebras de linha que você digitou */
  overflow-wrap: anywhere;
  /* Mostra só as 3 primeiras linhas, com "…" no fim */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}