/* ============================================================
   Viewsetter — the enquiry on the curtain and shutter builders.
   Only what build.css has no class for: the proof line, the strip of
   days, the terms tick. Everything else on this step is build.css's
   own .field, .opt, .chipbtn and .note. Tokens from site.css.
   ============================================================ */
.field.bad select { border-color: #A3402F; }
.field select:disabled { color: var(--ink-on-bone-2); opacity: .8; }

.eq-proof {
  display: flex; align-items: center; gap: 16px; margin-top: 16px; padding: 16px 20px;
  background: var(--ink); color: var(--text-primary); border-radius: 2px;
}
.eq-proof > b {
  font-family: Fraunces, Georgia, serif; font-weight: 300; font-size: 2.2rem; line-height: 1;
  color: var(--gold); flex: 0 0 auto;
}
.eq-proof span { font-size: .9rem; line-height: 1.5; color: var(--text-secondary); }
.eq-proof span b { color: var(--gold); font-weight: 500; }

.eq-days { display: flex; gap: 8px; overflow-x: auto; padding: 2px 0 10px; margin-bottom: 6px; }
.eq-days .chipbtn { flex: 0 0 auto; }
.eq-times .opt { padding-top: 14px; padding-bottom: 14px; }

.eq-agree {
  display: flex; gap: 11px; align-items: flex-start; margin-top: 20px; padding: 14px 16px; cursor: pointer;
  background: var(--bone-2); border: 1px solid rgba(14,35,56,.14); border-radius: 2px;
  font-size: .9rem; line-height: 1.55; color: var(--ink-on-bone);
}
.eq-agree input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--gold); flex: 0 0 auto; }
.eq-guide { background: transparent; }

/* the strip of days scrolls sideways; without these the builder's grid
   column grew to fit all of them and pushed the preview off the page */
.builder-steps { min-width: 0; }
.eq-days { max-width: 100%; }

/* what is required, from the start, and what is still missing once they
   press on (1 October 2026). The red is the one build.css's .field.bad
   already uses. */
.eq-req {
  display: inline-block; margin-left: 8px; padding: 2px 5px 1px; vertical-align: 1px;
  font-family: "DM Mono", ui-monospace, monospace; font-size: .58em; letter-spacing: .14em; text-transform: uppercase;
  color: #7A5F22; border: 1px solid rgba(122,95,34,.4); border-radius: 2px; font-weight: 400;
}
.field.bad .eq-req { color: #A3402F; border-color: #A3402F; }
.eq-agree[data-missing] { border-color: #A3402F; box-shadow: inset 0 0 0 1px #A3402F; }