/* ============================================================
   pages/products.css — 产品管理页面特有样式
   ============================================================ */

/* 产品卡片网格 */
#page-products .card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-3);
}

/* 产品卡片选中态 */
#page-products .card-item.selected {
  border-color: var(--success);
  box-shadow: 0 0 0 1px var(--success);
}

/* 模板卡片 */
#page-products .template-card {
  transition: all 0.2s;
}

#page-products .template-card:hover {
  border-color: var(--primary);
  transform: translateY(-2px);
}

/* 产品预览模态框 */
#page-products .preview-section {
  margin-bottom: var(--space-4);
}

/* 平台模板标签行 */
#page-products .template-badge-line {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

/* 产品编辑Tab内容区 */
#page-products .prod-tab-contents {
  padding: var(--space-4) 0;
}

/* 筛选栏 */
#page-products .filter-bar {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}