/* Comments / discussion threads. Minimal Facebook-inspired layout. */

.discussion {
 margin-top: 8px;
 padding-top: 16px;
 border-top: 1px solid var(--border);
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.discussion-title {
 margin: 0;
 font-size: var(--text-sm);
 font-weight: 600;
 color: var(--foreground);
}

.discussion-empty {
 margin: 0;
 font-size: var(--text-sm);
}

.discussion-count {
 font-size: var(--text-xs);
}

.discussion-thread {
 display: flex;
 flex-direction: column;
 gap: 10px;
 padding-bottom: 12px;
}

.discussion-thread
 + .discussion-thread {
 border-top: 1px solid var(--border);
 padding-top: 12px;
}

.discussion-post {
 display: flex;
 gap: 10px;
 align-items: flex-start;
 min-width: 0;
}

.discussion-post-main {
 min-width: 0;
 flex: 1;
 display: flex;
 flex-direction: column;
 gap: 4px;
}

.discussion-meta {
 font-size: var(--text-xs);
 color: var(--muted-foreground);
}

.discussion-body {
 font-size: var(--text-sm);
 color: var(--foreground);
 white-space: pre-wrap;
 overflow-wrap: anywhere;
}

.discussion-deleted {
 font-size: var(--text-sm);
 color: var(--muted-foreground);
 font-style: italic;
}

.discussion-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 align-items: center;
}

.discussion-action.btn-link,
.discussion-see-more.btn-link,
.discussion-new-thread.btn-link {
 font-size: var(--text-xs);
 height: auto;
 padding: 0;
 text-decoration: none;
 color: var(--muted-foreground);
}

.discussion-action.btn-link:hover,
.discussion-see-more.btn-link:hover,
.discussion-new-thread.btn-link:hover {
 color: var(--foreground);
 text-decoration: underline;
}

.discussion-comments {
 display: flex;
 flex-direction: column;
 gap: 10px;
}

.discussion-comments--nested {
 margin-left: 16px;
 padding-left: 12px;
 border-left: 2px solid var(--border);
}

.discussion-comment {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.discussion-composer {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.discussion-composer .textarea {
 min-height: 56px;
 font-size: var(--text-sm);
}

.discussion-composer-row {
 display: flex;
 justify-content: flex-end;
 gap: 8px;
}

.discussion-error {
 font-size: var(--text-xs);
 color: var(--destructive);
}

.discussion-scroll {
 max-height: 420px;
}

.discussion-full {
 display: flex;
 flex-direction: column;
 gap: 8px;
 padding-right: 4px;
}

.discussion-body-wrap {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

@media (max-width: 720px) {
 .discussion-action,
 .discussion-see-more,
 .discussion-new-thread {
  min-height: 44px;
 }
}