/* Preview gate of the published design site (not part of the Orchestrator product): the shared Medical sign-in
   pattern from login.css over the page. Pages without the product sheets still get the tokens and the pattern. */
@import url("../orc/tokens.css?v=bf8f5d3bcb2d");
@import url("../orc/login.css?v=c9a14606541c");

html.preview-locked body > :not(.preview-gate) {
  visibility: hidden;
}

.preview-gate {
  /* The product's focus and field values (app.css applies them inside .login-page; not every page loads app.css). */
  --focus-ring: var(--orc-focus-ring);
  --input-focus-shadow: var(--orc-focus-ring);
  --input-invalid-shadow: var(--orc-focus-ring);

  position: fixed;
  z-index: 1000;
  inset: 0;
  background: var(--color-page-bg);
}

.preview-gate .login-form {
  --input-border: var(--orc-field-border);
  --input-placeholder: var(--orc-field-placeholder);
}

.preview-gate .orc-disclaimer {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  color: var(--orc-disclaimer-fg);
  font-size: var(--orc-text-meta-size);
  font-weight: var(--orc-text-label-weight);
}

.preview-gate .orc-disclaimer > .icon {
  color: var(--orc-disclaimer-icon-fg);
}

.preview-gate .login-form__inline-action {
  justify-self: start;
}

.preview-gate [hidden] {
  display: none;
}