/* Сюда будем писать специфичный CSS, если Tailwind не хватит */
[v-cloak] { display: none; }

html, body {
  overscroll-behavior-y: none;
}

/* Поля формы в модалке добавления платежа - без этого правила они прозрачные
   и просвечивают зелёным/жёлтым фоном карточки под них (Tailwind v4 по
   умолчанию не красит инпуты в белый, в отличие от версии на cdn.tailwindcss.com) */
#add-payment-card input,
#add-payment-card select,
#add-payment-card textarea {
  background-color: white;
}


#add-payment-modal-overlay {
  overscroll-behavior: contain;
}

/* Долгое нажатие по карточке = режим группового выбора (см. feed-engine.js).
   Без этого браузер на тексте карточки запускает собственное выделение текста
   и присылает pointercancel - наш таймер долгого нажатия успевал сработать
   только на пустых участках карточки, где выделять нечего.
   -webkit-touch-callout убирает ещё и всплывающее меню "Копировать/Поделиться"
   на iOS, которое перебивало долгое нажатие даже там, где текста нет */
.payment-toggle,
.payment-group-header {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Блок "Итог по фильтру" в ленте кликабелен - открывает разбивку суммы по
   проектам (filter-summary.js). Пока итог считается, внутри крутится спиннер
   и клик игнорируется (см. обработчик контейнера в feed-engine.js) */
#feed-days-container [data-day-start="summary"] {
  cursor: pointer;
  transition: box-shadow .15s, transform .15s;
}

#feed-days-container [data-day-start="summary"]:hover {
  box-shadow: 0 4px 14px rgba(0, 0, 0, .10);
  transform: translateY(-1px);
}

/* Своя компенсация скролла при догрузке дней (см. anchorCandidates в
   renderHistoryContinuation) конфликтует со встроенным scroll anchoring
   браузера: тот тоже сдвигает страницу при вставке контента сверху, и вместе
   получается двойная поправка - лента дёргается. Отключаем встроенный,
   оставляем только свой */
#feed-days-container,
#feed-days-container > * {
  overflow-anchor: none;
}