/* MFTD 2027 - badge verification page. Loaded on top of base.css (Verification::index()/check()). */

.verify { max-width: var(--container-narrow); padding-bottom: var(--section-y); }

.verify-panel {
  background: var(--c-bg);
  border-radius: var(--radius);
  box-shadow: var(--shadow-card);
  padding: var(--s-6);
  margin-bottom: var(--s-6);
}

.verify-form {
  display: flex;
  gap: var(--s-3);
  flex-wrap: wrap;
}
.verify-form input[type="text"] {
  flex: 1 1 16rem;
  padding: var(--s-3);
  border: 1px solid var(--c-border-strong);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: var(--fs-body);
}

#qr-reader {
  max-width: 26rem;
  margin: 0 auto;
  min-height: 3rem;
}
#qr-reader-result {
  text-align: center;
  margin-top: var(--s-4);
}

/* --- Result states, per docs/SPEC.md §9: see base.css - .verify-result* is
   shared with Exhibit's booking "done" state. */