/* Shared runtime-state bridge for the supplied tenant reference layouts. */
[data-reference-layout] .form-note,
[data-reference-layout] .status {
  color: var(--text-secondary, #c4c9d8);
}

[data-reference-layout] .result-panel {
  --runtime-ink: #171a22;
  --runtime-muted: #5f6675;
  min-width: 0;
}

[data-reference-layout] .result-panel > .result-media #result-meta {
  color: color-mix(in srgb, var(--text-primary, #fff) 72%, transparent);
}

[data-reference-layout] #format-lookup {
  --ink: var(--runtime-ink);
  --muted: var(--runtime-muted);
  --text-primary: var(--runtime-ink);
  --text-secondary: var(--runtime-muted);
  background: #fffafb;
  color: var(--runtime-ink);
  color-scheme: light;
}

[data-reference-layout] #format-lookup-title {
  color: var(--runtime-ink);
}

[data-reference-layout] #format-lookup-detail {
  color: var(--runtime-muted);
}

[data-reference-layout] .format-lookup-steps {
  background: rgba(255, 255, 255, .96);
  color: var(--runtime-muted);
}

[data-reference-layout] .format-lookup-steps li,
[data-reference-layout] .format-lookup-skeleton {
  color: var(--runtime-muted);
}

[data-reference-layout] .format-lookup-skeleton > span,
[data-reference-layout] .format-lookup-skeleton > div {
  background-color: #eef1f7;
}

[data-reference-layout] .result-panel[hidden] {
  display: none !important;
}

[data-reference-layout] .platforms-under-form {
  scrollbar-width: none;
}

[data-reference-layout] .platforms-under-form::-webkit-scrollbar {
  display: none;
}

@media (max-width: 700px) {
  [data-reference-layout] .reference-inner {
    padding-inline: 16px;
  }
  [data-reference-layout] .wide-url-workspace .input-line {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  [data-reference-layout] .wide-url-workspace .input-line .submit {
    grid-column: 1 / -1;
    width: 100%;
  }
}