/* Card Component */
.ui-card {
  border-radius: var(--radius); /* 0.5rem rounded-lg */
  border: 1px solid hsl(var(--border));
  background-color: hsl(var(--card));
  color: hsl(var(--card-foreground));
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); /* shadow-md */
  overflow: hidden;
}

.ui-card-header {
  display: flex;
  flex-direction: column;
  padding: 1.5rem; /* p-6 */
}

.ui-card-title {
  font-size: 1.25rem; 
  font-weight: 600; /* font-semibold */
  line-height: 1;
  letter-spacing: -0.025em; /* tracking-tight */
  margin-bottom: 0.25rem; 
}

.ui-card-description {
  font-size: 0.875rem; /* text-sm */
  color: hsl(var(--muted-foreground));
}

.ui-card-content {
  padding: 1.5rem; /* p-6 */
}
 .ui-card-header + .ui-card-content { /* If header exists, content might have less top padding */
    padding-top: 0;
}


.ui-card-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem; /* space-x-2 */
  padding: 1rem 1.5rem; 
}