/* installer/assets/site-overrides.css — minimal integration overrides.
   The approved design stylesheet (assets/site.css) is kept byte-for-byte;
   this file only fixes integration issues and legacy compat hooks.
   No new visual style. No network. */

/* Maker: grid children must shrink so the page never scrolls sideways.
   Four display stages stay visible; no overflow masking is used. */
.wizard-layout,
.wizard-main,
.wizard-rail,
.wizard-main .surface,
.wizard-steps,
.page-content,
.surface {
  min-width: 0;
}
.wizard-steps {
  flex-wrap: wrap;
}
.code-line,
.url-placeholder,
#resume-info,
#owner-steps {
  overflow-wrap: anywhere;
}

/* Compat hooks used by the installer shell, demo placeholders and tests. */
table.sample {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
}
table.sample th,
table.sample td {
  border: 1px solid var(--line);
  padding: .55rem .6rem;
  text-align: left;
  vertical-align: top;
}
table.sample th {
  background: var(--blue-soft);
}
.banner-sample {
  background: var(--navy);
  color: #fff;
  border-radius: 12px;
  padding: .8rem 1rem;
  font-weight: 700;
}
.qr-mock {
  border: 2px dashed var(--subtle);
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  color: var(--muted);
}
.success-message {
  background: var(--green-soft);
  border: 1px solid #bfe6d2;
  color: var(--green);
  border-radius: 10px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.8;
}
.table-empty {
  text-align: center;
  color: var(--subtle);
}