/* INFOTECH 3.10BB — FixtureBuilder diagnostic/output readability polish
   Scope: visual/UI only. Keeps the BA reading engine unchanged. */

/* The PDF diagnostic is injected inside .form-grid after the file field.
   Force it to use the full form width instead of one narrow grid column. */
.fixture-builder-page .form-grid > .pdf-reader-diagnostic,
.fixture-builder-page #pdfReaderDiagnostic{
  grid-column:1 / -1 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

.fixture-builder-page #pdfReaderDiagnostic .pdf-reader-card{
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}

/* Better desktop summary grid: less vertical stacking, fewer broken labels. */
@media (min-width: 900px){
  .fixture-builder-page #pdfReaderDiagnostic .pdf-reader-grid{
    grid-template-columns:2fr .72fr .72fr 1fr 1fr !important;
    align-items:stretch !important;
  }
}

/* File name should not break letter-by-letter. */
.fixture-builder-page #pdfReaderDiagnostic .pdf-reader-grid span,
.fixture-builder-page #pdfReaderDiagnostic .pdf-reader-modes span{
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
}

/* Keep each page-read row visually complete. If the row is too long, scroll only inside the row. */
.fixture-builder-page #pdfReaderDiagnostic .pdf-page-progress span,
.fixture-builder-page .deep-page-reader-card span{
  display:block !important;
  white-space:nowrap !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  text-overflow:clip !important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.fixture-builder-page #pdfReaderDiagnostic .pdf-page-progress span b,
.fixture-builder-page .deep-page-reader-card span b{
  display:inline-block !important;
  white-space:nowrap !important;
  margin-right:8px !important;
}

/* Output report: on desktop, preserve complete report lines inside the output box.
   Long lines scroll inside the output instead of breaking awkwardly. */
@media (min-width: 761px){
  .fixture-builder-page #builderOutput{
    white-space:pre !important;
    overflow:auto !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
}

/* Mobile still wraps text for usability; no page-wide horizontal overflow. */
@media (max-width: 760px){
  .fixture-builder-page #pdfReaderDiagnostic .pdf-reader-card{
    overflow:hidden !important;
  }
  .fixture-builder-page #pdfReaderDiagnostic .pdf-page-progress span,
  .fixture-builder-page .deep-page-reader-card span{
    max-width:100% !important;
  }
  .fixture-builder-page #builderOutput{
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }
}