/* INFOTECH 3.10AF — FixtureBuilder Full Width Results
   Scope: layout-only polish for /fixture-builder/ result/review/export area.
   Goal: input stays as the first card; output/review/export uses the full available width.
*/

.fixture-builder-page .builder-grid{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  overflow:visible!important;
}

.fixture-builder-page .builder-grid > .input-panel,
.fixture-builder-page .builder-grid > aside.panel:first-child{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  position:relative!important;
  top:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

.fixture-builder-page .builder-grid > .output-panel,
.fixture-builder-page .builder-grid > article.panel:last-child,
.fixture-builder-page #builder-output{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
}

.fixture-builder-page .output-panel,
.fixture-builder-page #builder-output,
.fixture-builder-page .review-panel,
.fixture-builder-page .builder-export-panel,
.fixture-builder-page .quality-panel,
.fixture-builder-page .instance-map-panel,
.fixture-builder-page .mode-selector-panel{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

.fixture-builder-page .output-panel .output,
.fixture-builder-page #builderOutput{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:auto!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

.fixture-builder-page .output-panel .table-wrap,
.fixture-builder-page #builder-output .table-wrap,
.fixture-builder-page .review-wrap,
.fixture-builder-page .channel-table-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box!important;
}

.fixture-builder-page .channel-table,
.fixture-builder-page .review-table,
.fixture-builder-page #channelTable{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

.fixture-builder-page .channel-table th,
.fixture-builder-page .channel-table td,
.fixture-builder-page .review-table th,
.fixture-builder-page .review-table td{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  vertical-align:top!important;
}

.fixture-builder-page .review-table input,
.fixture-builder-page .review-table select{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

.fixture-builder-page .review-table th:nth-child(1),
.fixture-builder-page .review-table td:nth-child(1){width:74px!important;}
.fixture-builder-page .review-table th:nth-child(2),
.fixture-builder-page .review-table td:nth-child(2){width:180px!important;}
.fixture-builder-page .review-table th:nth-child(3),
.fixture-builder-page .review-table td:nth-child(3){width:140px!important;}

.fixture-builder-page #channelTable th:nth-child(1),
.fixture-builder-page #channelTable td:nth-child(1){width:72px!important;}
.fixture-builder-page #channelTable th:nth-child(2),
.fixture-builder-page #channelTable td:nth-child(2){width:190px!important;}

.fixture-builder-page .builder-export-actions,
.fixture-builder-page #builder-output .actions{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  overflow:visible!important;
}

.fixture-builder-page .builder-export-actions button,
.fixture-builder-page #builder-output .actions .btn{
  min-width:fit-content;
  max-width:100%!important;
  white-space:normal!important;
}

@media(min-width:900px){
  .fixture-builder-page .builder-grid > .input-panel .form-grid,
  .fixture-builder-page .builder-grid > aside.panel:first-child .form-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .fixture-builder-page .builder-grid > .input-panel .field.full,
  .fixture-builder-page .builder-grid > aside.panel:first-child .field.full{
    grid-column:1 / -1!important;
  }
  .fixture-builder-page .builder-grid > .input-panel textarea,
  .fixture-builder-page .builder-grid > aside.panel:first-child textarea{
    min-height:190px!important;
  }
}

@media(max-width:720px){
  .fixture-builder-page .builder-grid{
    gap:14px!important;
    overflow:hidden!important;
  }
  .fixture-builder-page .builder-grid > .input-panel,
  .fixture-builder-page .builder-grid > aside.panel:first-child,
  .fixture-builder-page .builder-grid > .output-panel,
  .fixture-builder-page .builder-grid > article.panel:last-child,
  .fixture-builder-page #builder-output{
    overflow:hidden!important;
  }
  .fixture-builder-page .output-panel .table-wrap,
  .fixture-builder-page #builder-output .table-wrap,
  .fixture-builder-page .review-wrap{
    overflow-x:auto!important;
  }
  .fixture-builder-page .channel-table,
  .fixture-builder-page .review-table,
  .fixture-builder-page #channelTable{
    min-width:620px!important;
    width:max-content!important;
    max-width:none!important;
  }
  .fixture-builder-page #builder-output .actions,
  .fixture-builder-page .builder-export-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .fixture-builder-page #builder-output .actions .btn,
  .fixture-builder-page .builder-export-actions button{
    width:100%!important;
  }
}