/* Étiquettes (module tags) */
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 6px; }
.tag-chip {
  --tag: var(--primary);
  display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 999px;
  font-size: .78rem; font-weight: 600; line-height: 1.6; text-decoration: none; white-space: nowrap;
  color: var(--tag); background: color-mix(in srgb, var(--tag) 12%, transparent); border: 1px solid color-mix(in srgb, var(--tag) 25%, transparent);
}
a.tag-chip:hover { background: color-mix(in srgb, var(--tag) 22%, transparent); }
.tag-chip.tag-g-t { --tag: var(--accent); }
.tag-chip.tag-g-l { --tag: #7c3aed; }
.tag-chip.tag-g-d, .tag-chip.tag-g-c { --tag: #2563eb; }
:root[data-theme="dark"] .tag-chip.tag-g-l { --tag: #c4b5fd; }
:root[data-theme="dark"] .tag-chip.tag-g-d, :root[data-theme="dark"] .tag-chip.tag-g-c { --tag: #93c5fd; }
.tag-chip.is-pending, .tag-chip.is-new { --tag: var(--muted); border-style: dashed; }
button.tag-chip { cursor: pointer; font-family: inherit; }
.tag-with-count { display: inline-flex; align-items: baseline; gap: 3px; }
.tag-with-count small { color: var(--muted); font-size: .7rem; }
.hashtag { font-weight: 600; text-decoration: none; border-bottom: 1px dashed currentColor; }
.hashtag::before { content: '#'; opacity: .45; font-weight: 400; margin-inline-end: 1px; }
.hashtag.is-new, .hashtag.is-pending { color: var(--muted); }
.tag-suggest:empty { display: none; }
.tag-suggest { padding: 4px 10px 8px; border-top: 1px dashed var(--border); }
.lang-dot { display: inline-block; min-width: 22px; text-align: center; font-size: .68rem; font-weight: 700; text-transform: uppercase; border-radius: 4px; padding: 0 3px; margin: 1px; background: var(--danger-soft); color: var(--danger); }
.lang-dot.is-ok { background: var(--success-soft); color: var(--success); }
.tag-group .tag-row { gap: 8px; }