/* 🗒 Заметки — только раскладка. Цвета, кнопки, карточки и категории — в theme.css
   (.note-group, .note-card, .note-meta, .btn-*, .chip, .tabs, .badge). Фолбэки на
   Telegram-переменные — на случай, если theme.css не загрузился. */

.notes-toolbar { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; }
.notes-run { width: 100%; }
.notes-hint, .notes-progress {
  font-size: 13px;
  line-height: 1.4;
  color: var(--c-muted, var(--tg-theme-hint-color, #8a8a8a));
}
.notes-progress:empty { display: none; }

.notes-chips {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 4px;
  margin-bottom: 8px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.notes-chips::-webkit-scrollbar { display: none; }
.notes-chips .chip { flex: 0 0 auto; border: 0; cursor: pointer; }

.note-group-title .count { font-weight: 500; opacity: 0.6; }
.note-title { font-weight: 600; }
.note-body { margin-top: 4px; white-space: pre-wrap; }
.note-card .badges { display: flex; flex-wrap: wrap; margin-top: 6px; }
.note-card.is-closed { opacity: 0.7; }
.note-chat { color: var(--c-accent-text, var(--tg-theme-link-color, #2481cc)); text-decoration: none; }

.note-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.note-actions .btn { min-height: 34px; padding: 0 12px; font-size: 14px; }