/*
 * following.css — портативные стили списка «Подписки» (.follow-item*).
 * Copyright (c) 2026 Mehti Zeynalov / Hubstorie.
 *
 * Один источник строк панели подписок (правило 10), грузится И в ленте, И в
 * кабинете — чтобы панель открывалась НА МЕСТЕ где угодно (как hubpods.css).
 * Каркас .follow-sidebar/.follow-empty — в hubfront.components.css.
 *
 * На ленте те же правила пока дублируются в hubstorie.css (1320+) — это
 * переходно: при чистке (правило «ничего не удаляем» → по согласованию) их
 * оттуда уберём. Дубль безвреден: правила идентичны, на ленте результат тот же.
 */

.follow-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s;
  margin-bottom: 4px;
}

.follow-item:active { background: var(--bg); }

.follow-item.all-items {
  background: var(--accent-soft);
  border: 1px solid var(--accent);
}

.follow-item-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), #8a6841);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #1a1a1c;
  font-size: 13px;
  flex-shrink: 0;
}

.follow-item.all-items .follow-item-avatar {
  background: var(--bg-card);
  color: var(--accent);
}

.follow-item-info { flex: 1; min-width: 0; }

.follow-item-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 5px;
}

.follow-item-meta {
  font-size: 11px;
  color: var(--text-faint);
  margin-top: 2px;
}