/*
 * ERPNext Manufacturing conversion sections.
 * Native PageBuilder sections, cards, headings and links. Token-only colors,
 * no HTML/page replacements, no scroll-jacking, no layout shifts.
 */
html body #brx-content .vmfg-section{
  padding:clamp(62px,7vw,92px) 0;
  background:var(--vrpa-white);
}
html body #brx-content .vmfg-section.vmfg-alt{
  background:var(--vrpa-gray-50);
}
html body #brx-content .vmfg-shell{
  width:min(1180px,calc(100% - 52px));
  margin-inline:auto;
}
html body #brx-content .vmfg-head{
  max-width:840px;
  margin-bottom:30px;
}
html body #brx-content .vmfg-kicker{
  color:var(--vrpa-gray-700);
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
  line-height:1.65;
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
html body #brx-content .vmfg-kicker::before{
  content:"";
  display:block;
  width:28px;
  height:2px;
  background:var(--vrpa-primary);
  flex:none;
}
html body #brx-content .vmfg-head h2{
  max-width:880px;
  line-height:1.45;
  margin:0 0 14px;
}
html body #brx-content .vmfg-intro{
  margin:0;
  font-size:16px;
  line-height:1.85;
  font-weight:400;
  color:var(--vrpa-gray-700);
  max-width:74ch;
}
html body #brx-content .vmfg-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
html body #brx-content .vmfg-grid.vmfg-three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
html body #brx-content .vmfg-grid.vmfg-two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body #brx-content .vmfg-card{
  min-width:0;
  padding:25px;
  border:1px solid var(--vrpa-gray-200);
  border-radius:13px;
  background:var(--vrpa-white);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
html body #brx-content .vmfg-card-number{
  display:block;
  color:var(--vrpa-gray-600);
  font-size:12px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.025em;
}
html body #brx-content .vmfg-card h3{
  font-size:clamp(20px,1.75vw,23px)!important;
  line-height:1.48!important;
  font-weight:700!important;
  margin:0!important;
}
html body #brx-content .vmfg-card p{
  margin:0;
  color:var(--vrpa-gray-700);
  line-height:1.84;
  font-size:15px!important;
  font-weight:400;
}
html body #brx-content .vmfg-steps .vmfg-card{
  position:relative;
  border-top:2px solid var(--vrpa-gray-700);
}
html body #brx-content .vmfg-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:28px;
}
html body #brx-content .vmfg-btn,
html body #brx-content .vmfg-btn-secondary{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:48px;
  padding:13px 22px;
  border-radius:9px;
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  text-decoration:none;
  transition:background .16s,border-color .16s,color .16s;
  text-align:center;
}
html body #brx-content .vmfg-btn{
  background:var(--vrpa-primary);
  color:var(--vrpa-on-primary);
  border:1px solid var(--vrpa-primary);
}
html body #brx-content .vmfg-btn:hover{
  color:var(--vrpa-on-primary-hover);
  background:var(--vrpa-primary-hover);
  border-color:var(--vrpa-primary-hover);
}
html body #brx-content .vmfg-btn-secondary{
  border:1px solid var(--vrpa-gray-600);
  color:var(--vrpa-black);
  background:var(--vrpa-white);
}
html body #brx-content .vmfg-btn-secondary:hover{
  border-color:var(--vrpa-black);
  background:var(--vrpa-gray-50);
  color:var(--vrpa-black);
}
html body #brx-content .vmfg-note{
  margin:16px 0 0;
  color:var(--vrpa-gray-600);
  font-size:13px;
  line-height:1.8;
}
html body #brx-content .vmfg-quote{
  background:var(--vrpa-black);
  color:var(--vrpa-white);
}
html body #brx-content .vmfg-quote .vmfg-head h2,
html body #brx-content .vmfg-quote .vmfg-head .vmfg-intro{
  color:var(--vrpa-white)!important;
}
html body #brx-content .vmfg-quote .vmfg-kicker{
  color:var(--vrpa-gray-300);
}
html body #brx-content .vmfg-quote-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);
  gap:clamp(28px,5vw,65px);
  align-items:start;
}
html body #brx-content .vmfg-quote-points{
  display:grid;
  gap:12px;
}
html body #brx-content .vmfg-quote-point{
  padding:15px 17px;
  display:grid;
  gap:4px;
  border:1px solid var(--vrpa-gray-700);
  border-radius:9px;
  background:var(--vrpa-gray-800);
}
html body #brx-content .vmfg-quote-point strong{
  font-size:15px;
  line-height:1.5;
  color:var(--vrpa-white);
  font-weight:700;
}
html body #brx-content .vmfg-quote-point p{
  font-size:14px!important;
  line-height:1.75!important;
  color:var(--vrpa-gray-300);
  margin:0;
}
html body #brx-content .vmfg-quote-panel{
  padding:clamp(23px,3vw,37px);
  background:var(--vrpa-white);
  color:var(--vrpa-black);
  border-radius:14px;
  border:1px solid var(--vrpa-gray-200);
}
html body #brx-content .vmfg-quote-panel h3{
  font-size:25px!important;
  line-height:1.45!important;
  color:var(--vrpa-black);
  margin:0 0 12px;
}
html body #brx-content .vmfg-quote-panel p{
  color:var(--vrpa-gray-700);
  font-size:15px!important;
  line-height:1.82!important;
  margin:0;
}
html body #brx-content .vmfg-quote-panel .vmfg-actions{
  display:grid;
  gap:11px;
  margin:24px 0 15px;
}
html body #brx-content .vmfg-quote-panel .vmfg-actions>a{
  width:100%;
}
html body #brx-content .vmfg-quote-panel .vmfg-note{
  color:var(--vrpa-gray-600);
  margin-top:11px;
}
@media(max-width:1050px){
  html body #brx-content .vmfg-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  html body #brx-content .vmfg-grid.vmfg-three{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:780px){
  html body #brx-content .vmfg-quote-layout{grid-template-columns:1fr}
}
@media(max-width:640px){
  html body #brx-content .vmfg-section{padding:52px 0}
  html body #brx-content .vmfg-shell{width:calc(100% - 36px)}
  html body #brx-content .vmfg-grid,
  html body #brx-content .vmfg-grid.vmfg-three,
  html body #brx-content .vmfg-grid.vmfg-two{
    grid-template-columns:1fr;
  }
  html body #brx-content .vmfg-card{padding:22px}
  html body #brx-content .vmfg-actions{display:grid;grid-template-columns:1fr}
  html body #brx-content .vmfg-actions>a{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html body #brx-content :is(.vmfg-btn,.vmfg-btn-secondary){transition:none}
}