/* Settings page specific styles */

.model-card {
  transition: all 0.3s ease;
  cursor: pointer;
}

.model-card:hover {
  transform: translateY(-2px);
  border-color: rgba(45, 212, 191, 0.3);
}

.model-card.selected {
  border-color: rgba(45, 212, 191, 0.6);
  background: rgba(45, 212, 191, 0.1);
}

.model-card.selected .check-icon {
  display: flex;
}

/* Provider badges */
.provider-badge {
  font-size: 0.65rem;
  padding: 0.15rem 0.5rem;
  border-radius: 9999px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.provider-anthropic {
  background: rgba(212, 168, 85, 0.2);
  color: #d4a855;
}

.provider-openai {
  background: rgba(16, 163, 127, 0.2);
  color: #10a37f;
}

.provider-google {
  background: rgba(66, 133, 244, 0.2);
  color: #4285f4;
}