/* INFOTECH 3.10AL — FixtureBuilder stability rescue + safe converter layout */
html,
body.fixture-builder-page{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
}
body.fixture-builder-page{
  min-height:100vh!important;
}
body.fixture-builder-page .builder-app-shell{
  min-height:auto!important;
  overflow:visible!important;
}
body.fixture-builder-page .builder-main-content{
  min-width:0!important;
  overflow:visible!important;
  padding-bottom:clamp(96px,10vw,150px)!important;
}
body.fixture-builder-page .builder-grid{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  align-items:start!important;
}
body.fixture-builder-page .input-panel,
body.fixture-builder-page .output-panel,
body.fixture-builder-page .review-panel,
body.fixture-builder-page .builder-export-panel,
body.fixture-builder-page .mode-selector-panel,
body.fixture-builder-page .quality-panel,
body.fixture-builder-page .instance-map-panel{
  min-width:0!important;
  max-width:100%!important;
}
body.fixture-builder-page .output-panel{
  overflow:visible!important;
}
body.fixture-builder-page .table-wrap,
body.fixture-builder-page .review-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
body.fixture-builder-page .channel-table{
  width:100%!important;
}
body.fixture-builder-page #builderOutput{
  max-width:100%!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}
body.fixture-builder-page .builder-guided-flow{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
}
body.fixture-builder-page .builder-quick-actions{
  margin:0 0 16px!important;
  border:1px solid rgba(0,245,255,.28)!important;
  background:linear-gradient(135deg,rgba(0,245,255,.08),rgba(255,0,212,.055))!important;
}
body.fixture-builder-page .builder-export-panel{
  order:7!important;
  scroll-margin-top:120px!important;
}
body.fixture-builder-page #builderOutput{
  order:8!important;
}
body.fixture-builder-page footer.foot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-content:start!important;
  align-items:start!important;
  gap:8px!important;
  padding-right:220px!important;
  text-align:left!important;
}
body.fixture-builder-page footer.foot > span,
body.fixture-builder-page footer.foot .brand-footer{
  min-width:0!important;
  max-width:100%!important;
  justify-content:flex-start!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.fixture-builder-page .infotech-support-float{
  contain:layout style!important;
}
body.fixture-builder-page .support-card{
  max-height:min(420px,calc(100vh - 180px))!important;
  overflow:auto!important;
}
@media(min-width:1120px){
  body.fixture-builder-page .builder-grid{
    grid-template-columns:minmax(300px,360px) minmax(0,1fr)!important;
  }
  body.fixture-builder-page .input-panel{
    position:sticky!important;
    top:116px!important;
    max-height:calc(100vh - 132px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
  }
  body.fixture-builder-page .output-panel{
    min-height:520px!important;
  }
}
@media(max-width:1119px){
  body.fixture-builder-page .builder-grid{
    grid-template-columns:1fr!important;
  }
  body.fixture-builder-page .input-panel{
    position:relative!important;
    top:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}
@media(max-width:820px){
  body.fixture-builder-page .builder-main-content{
    padding-bottom:132px!important;
  }
  body.fixture-builder-page .hero.brand-hero{
    padding-top:18px!important;
    padding-bottom:12px!important;
  }
  body.fixture-builder-page .hero-trust{
    gap:7px!important;
  }
  body.fixture-builder-page .builder-guided-flow,
  body.fixture-builder-page .panel{
    border-radius:18px!important;
  }
  body.fixture-builder-page footer.foot{
    padding-right:0!important;
    padding-bottom:120px!important;
  }
}
@media(max-width:520px){
  body.fixture-builder-page .builder-main-content{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.fixture-builder-page .quick-action-grid,
  body.fixture-builder-page .builder-export-actions{
    grid-template-columns:1fr!important;
  }
}