/* ============================================================
   Карточки: базовый .card + варианты.
   ============================================================ */

.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.card .card-header {
  background: transparent;
  border-bottom: 1px solid var(--border);
  font-weight: 500;
  padding: var(--space-3) var(--space-4);
}

.card .card-body { padding: var(--space-4); }

/* Footer карточки: фон прозрачный, чтобы наследовался --surface
   у родителя; без бордера — отделяется отступом сверху. */
.card .card-footer {
  background: transparent;
  border-top: 1px solid var(--border);
  padding: var(--space-3) var(--space-4);
}

.card.shadow-sm { box-shadow: var(--shadow-sm) !important; }