/* Preserve the supplied wireframe while allowing its card to grow with errors. */
html, body { height: auto; min-height: 100%; }
body { min-height: 100vh; }
.card { flex-shrink: 0; }
.fielderror { overflow-wrap: anywhere; line-height: 1.45; }
.otp-row input { min-width: 0; }
.status-chip.completed { border: 0; font-family: inherit; }
.modal { max-width: 1000px; height: min(90vh, 900px); height: min(90dvh, 900px); }
.modal iframe { min-height: 0; }
body.report-open { overflow: hidden; }
@media (max-width: 420px) {
  .card-body { padding: 24px 18px; }
  .tracker .node { flex: 1 1 0; min-width: 0; }
  .tracker .label { white-space: normal; font-size: .64rem; max-width: 90px; }
  .tracker .connector { flex: 0 0 12px; margin: 0 2px; }
}