/* Only the page shell and login fallback live outside the isolated React UI. */
.ov-ia-pupilometer-embed {
  display: flow-root;
  margin: 0;
  min-height: 0;
  background: transparent;
}

.ov-ia-pupilometer-page #primary {
  width: 100%;
  float: none;
}

#olhar-vivo-pupilometer {
  display: block;
  width: 100%;
  min-width: 0;
}

#olhar-vivo-pupilometer[hidden] {
  display: none;
}

.ov-pupil-privacy {
  --font-body: var(--font-ui);
  /* padding: var(--spacing-16, 16px); */
}

.ov-ia-pupilometer-login,
.ov-ia-pupilometer-fallback {
  padding: 1.5rem;
  background: #f6f1e8;
  color: #0c1013;
  border-radius: 1rem;
}

.ov-ia-pupilometer-fallback dl {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem 1rem;
}

.ov-ia-pupilometer-fallback dd {
  margin: 0;
  font-weight: 700;
}