// LLM UI Card Component
// Shared card styles for all Bluefly LLM UI consumers

.llm-card {
  background-color: white;
  border: 1px solid var(--llm-border-color, #e5e7eb);
  border-radius: var(--llm-border-radius-lg, 0.75rem);
  padding: var(--llm-spacing-lg, 2rem);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  
  &:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
  }
  
  &__header {
    margin-bottom: var(--llm-spacing-md, 1rem);
    padding-bottom: var(--llm-spacing-md, 1rem);
    border-bottom: 1px solid var(--llm-border-color, #e5e7eb);
  }
  
  &__title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--llm-heading-color, #1f2937);
    margin: 0;
  }
  
  &__content {
    color: var(--llm-text-color, #4b5563);
    line-height: 1.6;
  }
  
  &__footer {
    margin-top: var(--llm-spacing-md, 1rem);
    padding-top: var(--llm-spacing-md, 1rem);
    border-top: 1px solid var(--llm-border-color, #e5e7eb);
  }
} 