/* OVIA Launch Readiness step-text fix
   Add this stylesheet after launch-readiness.css. It only fixes the manual
   end-to-end test sequence text wrapping and does not replace approved UI. */

/* Keep step rows horizontal and readable */
.lr-steps,
.launch-readiness .lr-steps,
.launch-readiness-steps {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.lr-step,
.launch-readiness .lr-step,
.launch-step,
.manual-step,
.e2e-step {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 14px 16px !important;
  box-sizing: border-box !important;
}

/* Step number badge should not squeeze the text */
.lr-step > :first-child,
.launch-step > :first-child,
.manual-step > :first-child,
.e2e-step > :first-child,
.lr-step-number,
.step-number {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

/* Critical fix: stop one-letter-per-line wrapping */
.lr-step-text,
.launch-readiness .lr-step-text,
.launch-step-text,
.manual-step-text,
.e2e-step-text,
.lr-step p,
.launch-step p,
.manual-step p,
.e2e-step p {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* Override any inherited break-all/pre-wrap rules inside the step card */
.lr-step *,
.launch-step *,
.manual-step *,
.e2e-step * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}

/* Commands should remain readable and scroll if needed */
.lr-step code,
.launch-step code,
.manual-step code,
.e2e-step code {
  display: inline-block !important;
  max-width: 100% !important;
  padding: 4px 8px !important;
  border-radius: 8px !important;
  background: #f5f7fb !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  vertical-align: middle !important;
}

@media (max-width: 720px) {
  .lr-step,
  .launch-step,
  .manual-step,
  .e2e-step {
    padding: 12px !important;
    gap: 10px !important;
  }
  .lr-step-text,
  .launch-step-text,
  .manual-step-text,
  .e2e-step-text,
  .lr-step p,
  .launch-step p,
  .manual-step p,
  .e2e-step p {
    font-size: 13px !important;
  }
}