.card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-4);
}

.card-title {
  font-size: var(--text-lg);
  font-weight: 700;
  color: var(--color-neutral);
}

/* Siatka statystyk */
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}

.stat-item {
  background: var(--color-bg);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-align: center;
}

.stat-value {
  font-size: var(--text-2xl);
  font-weight: 700;
  color: var(--color-neutral);
}

.stat-label {
  font-size: var(--text-xs);
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-top: var(--space-1);
}

/* Lista donacji */
.donation-item {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--color-border);
}
.donation-item:last-child { border-bottom: none; }

.donation-date {
  font-weight: 600;
  color: var(--color-neutral);
  min-width: 100px;
}

.donation-type-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--space-2);
  border-radius: var(--radius-full);
  font-size: .7rem;
  font-weight: 500;
}

.chip-whole_blood { background: #fee2e2; color: #dc2626; border: 1px solid #fca5a5; }
.chip-plasma      { background: #fff7ed; color: #f97316; border: 1px solid #fed7aa; }
.chip-platelets   { background: #f5f3ff; color: #7c3aed; border: 1px solid #c4b5fd; }

.donation-volume {
  font-size: var(--text-sm);
  color: var(--color-muted);
  margin-left: auto;
}

.donation-actions {
  display: flex;
  gap: var(--space-2);
}