/* cards.css - 卡片(文档02 3.5.3) */
.card {
  margin: 0 var(--space-lg) var(--space-md);
  padding: var(--space-lg);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
}
.card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-md); }
.card-title { font-size: var(--font-size-subtitle); font-weight: var(--font-weight-medium); }
.card-body { font-size: var(--font-size-body); }
.card-footer { display: flex; justify-content: flex-end; gap: var(--space-sm); margin-top: var(--space-md); }
.card-cell { display: flex; justify-content: space-between; align-items: center; padding: var(--space-sm) 0; font-size: var(--font-size-body); }
.card-cell .label { color: var(--color-text-secondary); }
.card-cell .value { color: var(--color-text-primary); font-weight: var(--font-weight-medium); }
/* 统计卡(供应商/司机首页) */
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-md); margin: 0 var(--space-lg) var(--space-md); }
.stat-card {
  background: var(--color-bg-card); border-radius: var(--radius-md);
  box-shadow: var(--shadow-card); padding: var(--space-lg);
  display: flex; align-items: center; gap: var(--space-md); cursor: pointer;
}
.stat-card .stat-icon {
  width: 44px; height: 44px; border-radius: var(--radius-md); flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 20px;
  background: var(--color-primary-bg); color: var(--color-primary);
}
.stat-card .stat-icon.warning { background: var(--color-secondary-bg); color: var(--color-secondary); }
.stat-card .stat-icon.info { background: #E8F1FE; color: var(--color-info); }
.stat-card .stat-num { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); line-height: 1.3; }
.stat-card .stat-label { font-size: var(--font-size-caption); color: var(--color-text-secondary); }
/* 商品卡 */
.goods-card { display: flex; gap: var(--space-md); padding: var(--space-md) 0; border-bottom: 1px solid var(--color-divider); }
.goods-card:last-child { border-bottom: none; }
.goods-thumb {
  width: 88px; height: 88px; border-radius: var(--radius-sm); flex-shrink: 0;
  object-fit: cover; background: var(--color-border-light);
}
.goods-title { font-size: var(--font-size-body); font-weight: var(--font-weight-medium); line-height: 1.4; }
.goods-sub { font-size: var(--font-size-caption); color: var(--color-text-secondary); margin: 2px 0; }