/* Video page comments: nested threads */
.video-comments { margin-top: 16px; }
.video-comments h2 { font-size: 1.1rem; margin: 8px 0 12px; }

.vc-form { display: grid; gap: 8px; margin-bottom: 14px; }
.vc-form textarea { width: 100%; min-height: 72px; padding: 8px 10px; border: 1px solid #d1d5db; border-radius: 8px; font: inherit; }
.vc-form button { align-self: start; background: #3B82F6; color:#fff; border:0; border-radius: 9999px; padding: 6px 12px; cursor: pointer; }
.vc-form button:hover { background:#2563EB; }

.vc-list { display: grid; gap: 12px; }
.vc-item { display: grid; grid-template-columns: 40px 1fr; gap: 10px; }
.vc-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.vc-body { display: grid; gap: 4px; }
.vc-header { display:flex; align-items:center; gap:6px; }
.vc-username { font-weight: 700; text-decoration:none; color: inherit; }
.vc-time { color:#6b7280; font-size: 12px; }
.vc-text { line-height: 1.45; }
.vc-actions { display:flex; gap:8px; margin-top: 4px; }
.vc-action { background: transparent; border: 0; color:#3B82F6; cursor:pointer; padding: 0; font-size: 0.9rem; }
.vc-action:hover { text-decoration: underline; }

.vc-replies { margin-left: 26px; border-left: 2px solid #e5e7eb; padding-left: 12px; display: grid; gap: 12px; }
.vc-reply-form { margin-top: 8px; }

@media (prefers-color-scheme: dark) {
  .vc-form textarea { background:#111827; color:#E5E7EB; border-color:#374151; }
  .vc-time { color:#9ca3af; }
  .vc-replies { border-left-color:#374151; }
}