/* 商品信息工具栏：等宽搜索框、统一按钮、柔和光影 */
.products-page .toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
  padding: 10px 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #e3edf8 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(31, 78, 121, 0.06), inset 0 1px 0 #ffffff !important;
}

.products-page .toolbar .ant-space {
  width: 100% !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.products-page .toolbar .ant-space-item {
  min-width: 0 !important;
}

/* 前两个是搜索框：同样的 flex 规则，保证宽度完全一致 */
.products-page .toolbar .ant-space-item:nth-child(1),
.products-page .toolbar .ant-space-item:nth-child(2) {
  flex: 1 1 240px !important;
  min-width: 200px !important;
  max-width: 320px !important;
}

.products-page .toolbar .ant-input-search {
  width: 100% !important;
  max-width: 100% !important;
}

.products-page .toolbar .ant-input-search .ant-input {
  height: 30px !important;
  background: #f8fbff !important;
  border-color: #dbe7f3 !important;
  border-radius: 6px 0 0 6px !important;
  box-shadow: inset 0 1px 2px rgba(31, 78, 121, 0.04) !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
}

.products-page .toolbar .ant-input-search .ant-input:hover {
  border-color: #b9d4ec !important;
  background: #ffffff !important;
}

.products-page .toolbar .ant-input-search .ant-input:focus,
.products-page .toolbar .ant-input-search:focus-within .ant-input {
  border-color: #7fb3e0 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(40, 129, 199, 0.12) !important;
}

.products-page .toolbar .ant-input-search .ant-input-search-button {
  height: 30px !important;
  border-color: #dbe7f3 !important;
  border-radius: 0 6px 6px 0 !important;
  background: #eef6ff !important;
  color: #2b6fa8 !important;
  box-shadow: none !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}

.products-page .toolbar .ant-input-search .ant-input-search-button:hover {
  background: #e2f0ff !important;
  color: #1f5f96 !important;
}

.products-page .toolbar .ant-btn,
.products-page .toolbar .ant-select-selector {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  border-color: #dbe7f3 !important;
  background: #f8fbff !important;
  color: #33506b !important;
  box-shadow: 0 1px 2px rgba(31, 78, 121, 0.04) !important;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease !important;
}

.products-page .toolbar .ant-btn:hover {
  background: #eef6ff !important;
  border-color: #a9cceb !important;
  color: #1f5f96 !important;
  box-shadow: 0 2px 8px rgba(40, 129, 199, 0.12) !important;
}

.products-page .toolbar .ant-btn-primary {
  background: linear-gradient(135deg, #4aa3e8 0%, #2b7fc4 100%) !important;
  border-color: #2b7fc4 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(40, 129, 199, 0.22) !important;
}

.products-page .toolbar .ant-btn-primary:hover {
  background: linear-gradient(135deg, #5bb0f0 0%, #318bcf 100%) !important;
  border-color: #318bcf !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(40, 129, 199, 0.3) !important;
}

.products-page .toolbar .ant-input::placeholder {
  color: #8aa0b5 !important;
}