/* V330 — Tìm kiếm + phân trang sản phẩm trong Cổng Đại lý */
.v330-product-count{
  margin-top:3px;
  font-size:10.5px;
  color:var(--muted-foreground);
}
.v330-product-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px;
  gap:10px;
  margin-bottom:14px;
}
.v330-product-search{
  width:100%!important;
  min-width:0!important;
}
.v330-page-size{
  height:36px;
  width:100%;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 9px;
  font-size:12px;
  outline:none;
}
.v330-page-size:focus{
  border-color:color-mix(in srgb,var(--brand-green) 55%,var(--border));
  box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-green) 12%,transparent);
}
.v330-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--border);
}
.v330-pagination>button,
.v330-page-numbers button{
  height:32px;
  min-width:32px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--background);
  color:var(--foreground);
  padding:0 10px;
  font-size:11.5px;
  font-weight:700;
  transition:.15s ease;
}
.v330-pagination>button:hover:not(:disabled),
.v330-page-numbers button:hover{
  border-color:color-mix(in srgb,var(--brand-green) 50%,var(--border));
  background:color-mix(in srgb,var(--brand-green) 5%,var(--background));
}
.v330-pagination>button:disabled{
  opacity:.42;
  cursor:not-allowed;
}
.v330-page-numbers{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex-wrap:wrap;
}
.v330-page-numbers button{
  padding:0 8px;
}
.v330-page-numbers button.active{
  border-color:var(--brand-green);
  background:var(--brand-green);
  color:#fff;
}
.v330-page-numbers span{
  color:var(--muted-foreground);
  font-size:12px;
  padding:0 2px;
}

@media(max-width:700px){
  .v330-product-toolbar{
    grid-template-columns:1fr;
  }
  .v330-page-size{
    height:40px;
  }
  .v330-pagination{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .v330-page-numbers{
    grid-column:1/-1;
    grid-row:1;
    margin-bottom:4px;
  }
  .v330-pagination>button{
    width:100%;
    height:38px;
  }
}