/* Social Post Character Counter — per-platform result rows.
   Row shell + label/count/remaining/note typography and overflow excerpts.
   Structure is in tools/social-character-counter/view.php; badge class is
   set by assets/js/tools/social-character-counter.js (setBadge). */

/* One platform block. Rows already gap via #scc-rows (.flex-col.gap-4);
   a thin divider keeps them visually distinct without extra whitespace. */
.scc-row {
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--neutral-100);
}
.scc-row:last-child { border-bottom: 0; }

/* Status pill (badge- classes added by JS). Nudge off the platform label. */
.scc-row-badge { flex: none; margin-left: var(--space-2); }

/* Weighted count / limit — tabular monospace so digits don't jitter. */
.scc-row-count {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Remaining / over-by hint on the right of the count row. */
.scc-row-remaining {
  font-size: var(--text-xs-size);
  color: var(--text-muted);
}

/* Per-platform note under the bar. */
.scc-row-note {
  font-size: var(--text-xs-size);
  color: var(--text-muted);
}

/* Overflow + truncation excerpts hold raw post text — mono, and must wrap
   (never push the page into horizontal scroll). */
.scc-overflow-text,
.scc-truncation-text {
  font-family: var(--font-mono);
  overflow-wrap: anywhere;
  word-break: break-word;
}