/* Ad Copy Character Counter — text-only ad preview rows inside #acc-preview.
   Rows are injected by assets/js/tools/ad-character-counter.js (renderPreview). */

.acc-preview-line {
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
  padding: var(--space-2) 0;
  border-bottom: 1px solid var(--border);
}

/* First row sits flush with the card top; last row drops its divider. */
.acc-preview-line:first-child { padding-top: 0; }
.acc-preview-line:last-child { padding-bottom: 0; border-bottom: 0; }

.acc-preview-role {
  flex: none;
  min-width: 90px;
  font-size: var(--text-xs-size);
  font-weight: 600;
  color: var(--text-muted);
}

.acc-preview-value {
  flex: 1;
  min-width: 0;
  color: var(--text-primary);
  overflow-wrap: anywhere;
}

.acc-preview-more {
  font-size: var(--text-xs-size);
  font-style: italic;
  color: var(--text-muted);
}