.page-product-category {
  --pcat-primary: #1677ff;
  --pcat-shadow: 0 6px 16px rgb(15 23 42 / 6%);
  --pcat-radius: 10px;

  .pcat-page {
    min-height: calc(100vh - 208px);
    color: #1a1a2e;
  }

  .pcat-toolbar-card {
    margin-bottom: 16px;
  }

  .pcat-toolbar-card .ant-card-body {
    padding: 12px 16px;
  }

  .pcat-btn {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
    user-select: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    transition: all 0.2s ease;
  }

  .pcat-btn:hover {
    color: var(--pcat-primary);
    border-color: var(--pcat-primary);
  }

  .pcat-btn:disabled {
    color: #9ca3af;
    cursor: not-allowed;
    opacity: 0.7;
  }

  .pcat-btn-sm {
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
  }

  .pcat-add-category-btn.ant-btn {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    height: 36px;
    padding: 0 18px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 10px;
  }

  .pcat-add-category-btn.ant-btn .iconify {
    width: 14px;
    height: 14px;
  }

  .pcat-main {
    display: flex;
    gap: 18px;
    align-items: stretch;
  }

  .pcat-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 10px 16px;
    margin-bottom: 16px;
    font-size: 13px;
    color: #4b5563;
    background: #fff;
    border-radius: var(--pcat-radius);
    box-shadow: var(--pcat-shadow);
  }

  .pcat-stats strong {
    margin-left: 2px;
    font-weight: 600;
    color: #1a1a2e;
  }

  .pcat-stat-item {
    display: inline-flex;
    gap: 4px;
    align-items: center;
  }

  .pcat-ch-stat {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin-left: 4px;
  }

  .pcat-ch-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
  }

  .pcat-ch-dot.wm {
    background: #1890ff;
  }

  .pcat-ch-dot.zt {
    background: #52c41a;
  }

  .pcat-ch-dot.ts {
    background: #fa8c16;
  }
}
