/* p312-report-read-visual-prod
 * Read state follows the reference game's content hierarchy: unread content is
 * bright and actionable; read content is muted without fading the whole row.
 */
button.feed-item.report-card.report-read,
button.feed-item.report-card.report-unread {
  opacity: 1;
  filter: none;
  transition: border-color .16s ease, background-color .16s ease;
}

button.feed-item.report-card.report-read {
  border-color: rgba(61, 92, 72, .52);
  background: rgba(7, 17, 12, .88);
}

button.feed-item.report-card.report-unread {
  border-color: rgba(83, 122, 94, .72);
  background: linear-gradient(180deg, rgba(16, 34, 24, .98), rgba(8, 22, 15, .98));
}

button.feed-item.report-card.report-read .report-ico {
  opacity: .62;
  filter: grayscale(.58) saturate(.48) brightness(.72);
}

button.feed-item.report-card.report-unread .report-ico {
  opacity: 1;
  filter: none;
}

button.feed-item.report-card.report-read .report-main .t,
button.feed-item.report-card.report-read.report-enemy .report-main .t {
  color: #829087;
  font-weight: 700;
  text-shadow: none;
}

button.feed-item.report-card.report-read .report-main .s,
button.feed-item.report-card.report-read.report-enemy .report-main .s,
button.feed-item.report-card.report-read .report-time,
button.feed-item.report-card.report-read .report-go {
  color: #748279;
  text-shadow: none;
}

button.feed-item.report-card.report-unread .report-main .t,
button.feed-item.report-card.report-unread.report-enemy .report-main .t {
  color: #f2ecda;
  font-weight: 850;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .72);
}

button.feed-item.report-card.report-unread .report-main .s,
button.feed-item.report-card.report-unread.report-enemy .report-main .s {
  color: #d7c374;
}

button.feed-item.report-card.report-unread .report-time,
button.feed-item.report-card.report-unread .report-go {
  color: #f0cf54;
  font-weight: 800;
}

button.feed-item.report-card .report-unread-dot {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  button.feed-item.report-card.report-read,
  button.feed-item.report-card.report-unread {
    transition: none;
  }
}