/* Signal, the Reddit Analyzer: what Axis and halo.css don't cover. */

.product-label {
  display: inline-flex;
  align-items: center;
  gap: var(--nax-space-2);
}

.product-label::before {
  content: "";
  flex: none;
  width: var(--nax-space-2);
  height: var(--nax-space-2);
  border-radius: 50%;
  background: var(--nax-ink-20);
}

.product-label[data-product="true"]::before { background: var(--nax-accent); }

.status-dot {
  display: inline-flex;
  align-items: center;
  gap: var(--nax-space-2);
}

.status-dot::before {
  content: "";
  flex: none;
  width: var(--nax-space-2);
  height: var(--nax-space-2);
  border-radius: 50%;
  background: currentColor;
}

.thread-status {
  display: flex;
  align-items: center;
  gap: var(--nax-space-2);
}

.omitted-count[data-omitted="true"] { color: var(--nax-amber-dark); }

.pager {
  display: flex;
  gap: var(--nax-space-4);
  padding: var(--nax-space-3) var(--nax-space-4);
}

.pain-point-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--nax-space-2);
}

.pain-point-summary p { margin: 0; }

.quote-list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.quote-list > li {
  padding: var(--nax-space-3) var(--nax-space-4);
  border-bottom: 1px solid var(--nax-ink-10);
  overflow-wrap: anywhere;
}

.quote-list blockquote { margin: 0; }

.quote-list blockquote::before { content: "“"; }
.quote-list blockquote::after { content: "”"; }

.quote-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nax-space-3);
  margin: var(--nax-space-2) 0 0;
  color: var(--nax-ink-70);
}

.quote-meta a { margin-inline-start: auto; }

.pain-point-quotes,
.thread-page {
  gap: var(--nax-space-4);
  padding: var(--nax-space-4);
  overflow: auto;
}

.thread-post {
  padding-bottom: var(--nax-space-4);
  border-bottom: 1px solid var(--nax-ink-10);
}

/* Replies indent one step per level by nesting, so depth needs no ladder. */
.thread-comments {
  margin: 0;
  padding: 0;
  list-style: none;
}

.thread-comments .thread-comments {
  margin-top: var(--nax-space-3);
  padding-inline-start: var(--nax-space-4);
  border-inline-start: 2px solid var(--nax-ink-10);
}

.thread-comment {
  padding-block: var(--nax-space-3);
  overflow-wrap: anywhere;
}

.thread-comment + .thread-comment { border-top: 1px solid var(--nax-ink-10); }

.comment-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nax-space-3);
  margin: 0 0 var(--nax-space-2);
  color: var(--nax-ink-70);
}

.thread-comment mark {
  background: var(--nax-amber-bg);
  color: inherit;
}

.pain-point-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nax-space-2);
  margin: var(--nax-space-2) 0 0;
  padding: 0;
  list-style: none;
}

.pain-point-tags a {
  display: inline-block;
  padding: var(--nax-space-1) var(--nax-space-2);
  border-radius: var(--nax-r-sm);
  background: var(--nax-accent-lt);
  text-decoration: none;
}

.topic-form-row {
  display: flex;
  gap: var(--nax-space-2);
}

.or-divider { text-align: center; }

.post-fetch .field-error { margin: var(--nax-space-1) 0; }

.listing-footer { padding: var(--nax-space-3) var(--nax-space-4); }

.listing-notice { padding: 0 var(--nax-space-4); }