/* Card Styles */
.card {
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.card-content {
  padding: 1.5rem; /* Aumentei o padding para dar mais espaço */
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.card-title {
  font-size: 1.5rem; /* Aumentei de 1.25rem para 1.5rem */
  font-weight: bold;
  color: #1f2937;
  margin-bottom: 0.75rem; /* Aumentei o espaçamento */
}

.card-description {
  color: #4b5563;
  margin-bottom: 1.25rem; /* Aumentei o espaçamento */
  font-size: 1.1rem; /* Adicionei tamanho de fonte maior */
}

.prompt-container {
  background-color: #f9fafb;
  padding: 1.25rem; /* Aumentei o padding */
  border-radius: 0.375rem;
  margin-bottom: 1.25rem; /* Aumentei o espaçamento */
}

.prompt-text {
  font-size: 1rem; /* Aumentei de 0.875rem para 1rem */
  color: #374151;
  white-space: pre-wrap;
  line-height: 1.5; /* Adicionei para melhor legibilidade */
}

.card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.copy-btn {
  background-color: #2563eb;
  color: white;
  padding: 0.6rem 1.2rem; /* Aumentei um pouco o padding */
  border-radius: 0.25rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem; /* Adicionei tamanho de fonte explícito */
}

.copy-btn:hover {
  background-color: #1d4ed8;
}

.copy-btn i {
  margin-right: 0.5rem;
}

.prompt-id {
  font-size: 0.875rem; /* Aumentei de 0.75rem para 0.875rem */
  color: #6b7280;
}