/**
 * 统一页面布局样式
 * 遵循 warm-elegant 设计主题
 */

.pageLayout {
  padding: var(--space-5, 24px);
  max-width: var(--page-max-width, 1440px);
  margin: 0 auto;
  min-height: calc(100vh - 64px - 48px); /* 减去header和padding */
}

/* 筛选卡片样式 */
.filterCard {
  margin-bottom: var(--space-4, 16px);
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-card, 0 10px 30px rgba(23, 33, 43, 0.06)) !important;
  background: var(--color-surface, #ffffff) !important;
  border: none !important;
}

.filterCard :global(.ant-card-body) {
  padding: var(--space-4, 16px) var(--space-5, 24px) !important;
}

/* 表格卡片样式 */
.tableCard {
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-card, 0 10px 30px rgba(23, 33, 43, 0.06)) !important;
  background: var(--color-surface, #ffffff) !important;
  border: none !important;
}

.tableCard :global(.ant-card-body) {
  padding: 0 !important;
}

.tableCard :global(.ant-table-wrapper) {
  border-radius: var(--radius-md, 16px);
  overflow: hidden;
}

/* 树形卡片样式 */
.treeCard {
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-card, 0 10px 30px rgba(23, 33, 43, 0.06)) !important;
  background: var(--color-surface, #ffffff) !important;
  border: none !important;
}

.treeCard :global(.ant-card-body) {
  padding: var(--space-5, 24px) !important;
}

/* 内容卡片样式 */
.contentCard {
  border-radius: var(--radius-md, 16px) !important;
  box-shadow: var(--shadow-card, 0 10px 30px rgba(23, 33, 43, 0.06)) !important;
  background: var(--color-surface, #ffffff) !important;
  border: none !important;
}

.contentCard :global(.ant-card-body) {
  padding: var(--space-5, 24px) !important;
}

/* 操作栏样式 */
.actionBar {
  display: flex;
  gap: var(--space-2, 8px);
  align-items: center;
}

/* 页面头部样式 */
.pageHeader {
  margin-bottom: var(--space-5, 24px);
}

.pageHeaderTitle {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-text-strong, #17212b);
  margin: 0 0 var(--space-2, 8px) 0;
}

.pageHeaderDescription {
  font-size: 14px;
  color: var(--color-text-muted, #677380);
  margin: 0;
}

.pageHeaderActions {
  margin-left: auto;
}

/* 筛选表单样式 */
.filterForm {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 12px);
  align-items: center;
}

/* 表格操作按钮统一样式 */
.tableActionButton {
  padding: 0 var(--space-1, 4px) !important;
}

/* 响应式适配 */
@media (max-width: 768px) {
  .pageLayout {
    padding: var(--space-3, 12px);
  }

  .filterForm {
    flex-direction: column;
    align-items: stretch;
  }

  .filterForm > * {
    width: 100% !important;
  }
}
