/**
 * Contador de Palavras - Estilos Específicos
 */

/* Textarea maior */
.word-counter-textarea {
  min-height: 280px;
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.7;
}

/* Stats grid com 8 itens */
.stats-grid {
  grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 640px) {
  .stats-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1024px) {
  .stats-grid {
    grid-template-columns: repeat(8, 1fr);
  }

  .stat-card {
    padding: var(--space-3);
  }

  .stat-value {
    font-size: 1.25rem;
  }
}

/* Actions */
.word-counter-actions {
  display: flex;
  gap: var(--space-3);
  flex-wrap: wrap;
}

/* Animação nos números */
.stat-value {
  transition: transform 0.15s ease, color 0.15s ease;
}

.stat-value.updated {
  transform: scale(1.1);
  color: var(--primary-700);
}