.habit-card {
  background: white;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Quest Sections */
.quest-section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #6c757d;
  padding-left: 10px;
  border-left: 3px solid #6c757d;
}

/* Active Quest Styling */
.active-quest {
  border-left: 4px solid #28a745;
  background-color: rgba(68, 68, 68, 0.107);
  box-shadow: 0 3px 8px rgba(40, 167, 69, 0.15);
}

.quest-progress-indicator {
  margin: -10px -20px 15px -20px;
  padding: 0 20px;
}

/* Different quest difficulty levels */
.quest-easy {
  border-left: 4px solid #20c997;
}

.quest-medium {
  border-left: 4px solid #fd7e14;
}

.quest-hard {
  border-left: 4px solid #dc3545;
}

/* Button hover effects - simplified */
.btn-primary, .btn-outline-success {
  transition: all 0.2s ease;
}

.btn-primary:hover, .btn-outline-success:hover {
  transform: translateY(-2px);
}

/* Improved hover effects for quest cards */
@media (hover: hover) {
  .card:hover {
    border-left-width: 6px !important;
  }
  
  .active-quest:hover {
    background-color: rgba(40, 167, 69, 0.12);
  }
}

/* Active states for mobile touches */
.card:active {
  transform: scale(0.98);
}

.btn:active {
  transform: scale(0.95);
}

/* Complete Quest button styling */
.complete-quest-btn {
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(40, 167, 69, 0.2);
}

.complete-quest-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

.complete-quest-btn:active {
  transform: translateY(0);
}

/* Reward animation (optional enhancement) */
@keyframes reward-pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.reward-highlight {
  animation: reward-pulse 0.6s ease-in-out;
  font-weight: bold;
}