.card.comments-card { background: var(--panel, #111827); border:1px solid var(--border,#334155); border-radius:12px; padding:12px; color:var(--text,#e5e7eb); }
.comments-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.comments-header h3 { margin:0; font-size:16px; font-weight:800; }
.comment-composer .composer-row { display:flex; gap:8px; }
.comment-composer .avatar { width:40px; height:40px; border-radius:999px; }
.composer-input { width:100%; background:var(--panel-soft);; color:var(--text,#e5e7eb); border:1px solid var(--border,#334155); border-radius:10px; padding:8px 10px; }
.dark-mode .composer-input {
	 background:var(--row,#0b1220);
}
.composer-actions { display:flex; align-items:center; gap:8px; margin-top:6px; }
.btn { border:1px solid var(--border,#334155); background:var(--panel,#111827); color:var(--text,#e5e7eb); border-radius:10px; padding:6px 10px; cursor:pointer; }

.comments-list { list-style:none; padding:0; margin:8px 0 0; }
.comment-item { padding:10px 0; border-top:1px solid var(--border,#334155); }
.comment-item:first-child { border-top:0; }
.comment-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.comment-head .user { display:flex; align-items:center; gap:8px; color:inherit; text-decoration:none; }
.comment-head .user { background:none !important }
.comment-head .avatar { width:28px; height:28px; border-radius:999px; }
.comment-body { margin:6px 0; white-space:pre-wrap; }
.comment-actions { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--muted,#94a3b8); }
.pill.small { border:1px solid var(--border,#334155); background:var(--chip,#111827); border-radius:999px; padding:2px 8px; font-size:12px; cursor:pointer; }
.skeleton .sk-line { height:14px; border-radius:6px; margin:8px 0; background:linear-gradient(90deg,#222 25%,#2a2a2a 37%,#222 63%); background-size:400% 100%; animation:sk 1.2s infinite ease-in-out; }
@keyframes sk { 0%{background-position:100% 0} 100%{background-position:0 0} }

.replies { margin-top: 8px; padding-left: 44px; border-left: 1px solid var(--border, #334155); }
.reply-item { padding: 8px 0; }
.reply-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.reply-head .user { display:flex; align-items:center; gap:8px; color:inherit; text-decoration:none; }
.reply-head .avatar { width:22px; height:22px; border-radius:999px; }
.reply-body { margin-top:4px; white-space:pre-wrap; }

.reply-composer { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.reply-input { width:100%; background:var(--row,#0b1220); color:var(--text,#e5e7eb); border:1px solid var(--border,#334155); border-radius:8px; padding:6px 8px; }
.reply-actions { display:flex; gap:6px; }
.btn.tiny { height:auto; padding:4px 8px; font-size:12px; border-radius:8px; }
.btn.btn-link { background:transparent; border:none; color:var(--muted,#94a3b8); padding:4px 6px; }
.reply-head .user, .reply-head .user:hover {
	background: none;
}