/* Vue Carnet. */

.note-card { display: flex; flex-direction: column; gap: 4px; }
.note-body {
  font-size: 14px;
  color: var(--text-2);
  white-space: pre-wrap;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.note-foot {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-top: 8px;
}
.note-tags { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.note-tag {
  color: var(--primary); font-size: 13px; font-weight: 600;
  padding: 4px 6px; border-radius: 6px;
}
.note-tag:active { background: var(--primary-soft); }
.note-actions { display: flex; gap: 2px; flex: none; }