/* Activity page (server-rendered, no JS) */
.activity-page { padding: 16px; }
.activity-header { margin-bottom: 14px; }
.activity-header h2 { margin: 0 0 6px 0; font-size: 22px; }
.activity-subtitle { margin: 0; opacity: 0.85; }

.activity-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: 1fr;
}

.activity-card {
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 12px;
  background: rgba(0,0,0,0.25);
}

.activity-card h3 { margin: 0 0 10px 0; font-size: 16px; }

.activity-list { list-style: none; padding: 0; margin: 0; }
.activity-item { padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.08); }
.activity-item:first-child { border-top: none; }

.activity-link { text-decoration: none; }
.activity-link:hover { text-decoration: underline; }

.activity-meta { display: inline-block; margin-left: 10px; opacity: 0.75; font-size: 12px; }

.activity-empty { margin: 0; opacity: 0.8; }

.activity-badge {
  display: inline-block;
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  margin-right: 8px;
  border: 1px solid rgba(255,255,255,0.18);
}

.activity-badge.like { opacity: 0.95; }
.activity-badge.dislike { opacity: 0.95; }

.activity-comment {
  margin-top: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,0.06);
  white-space: pre-wrap;
}