/*
 * hashtag-counter.css — per-tool styles for Hashtag Counter & Extractor.
 * Loaded automatically by layout.php on this tool's page.
 * Tokens only; no inline styles (CSP style-src 'self').
 */

/* Tag token — monospace, medium weight, breaks so long tags never overflow. */
.hc-tag {
  font-family: var(--font-mono);
  font-weight: 500;
  overflow-wrap: anywhere;
}

/* Badges sit beside the tag with a small gap. */
.hc-variant-badge,
.hc-long-badge {
  margin-left: var(--space-1);
  vertical-align: middle;
}

/* Duplicate rows get a soft warning tint. */
tr.is-duplicate,
tr.is-duplicate td {
  background: var(--warning-50);
}

/* Invalid hashtags list. */
.hc-invalid-list {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-4);
}
.hc-invalid-list li {
  margin-bottom: var(--space-1);
  font-size: 13px;
}
.hc-invalid-reason {
  color: var(--text-muted);
  font-size: 12px;
  margin-left: var(--space-1);
}