/* Original app shell owns chrome, pane geometry and document styles. */
:root { --font-inter: "Inter", "Inter Fallback"; --font-sans: "Inter", "Inter Fallback", sans-serif; }
html { font-size: 16px; color-scheme: light; }
/* Remove the full desk shell's 756px body minimum inside this isolated document. */
html, body, #product-preview-root { margin: 0; width: 100%; min-width: 0; max-width: 100%; height: 100%; overflow: hidden; }
body { font-family: var(--font-sans); line-height: 1.5; -webkit-font-smoothing: antialiased; }
/* Activate the app's existing compact cover rules inside the isolated report.
   Keep the report's native container-dependent typography and metadata layout. */
.valtaic-report-document-host { min-width: 0; container: valtaic-overview / inline-size; }
.workspace-dom-capture { height: 100%; min-height: 0; }
.workspace-dom-capture :is(button, input, select):disabled { opacity: 1; }
/* Native AreaPick paints its selected label separately from the transparent select. */
.workspace-dom-capture select.valtaic-release-compare-pick__native:disabled { opacity: 0; }
.workspace-dom-capture a { pointer-events: none; }
/* Fractional iframe scaling can surface an overlay scrollbar for a one-pixel
   table overrun. Keep horizontal touch/trackpad scrolling without that artefact. */
.va-la-table-scroll { scrollbar-width: none; }
.va-la-table-scroll::-webkit-scrollbar { display: none; }
.va-la-stats :is(dt, dd > span, small) { white-space: nowrap; }
.va-la-stats > div { min-width: 0; }
.va-la-stats--framed > div { padding-inline: 10px; }
/* A shared label/value grid, matching the property record's metadata rows. */
.va-la-meta { grid-template-columns: max-content minmax(0, max-content); gap: .4rem .65rem; justify-content: end; margin: 0; text-align: right; }
.va-la-meta > div { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; justify-content: normal; column-gap: inherit; }
.va-la-meta :is(dt, dd) { margin: 0; font-family: var(--font-sans); font-size: .8125rem; font-weight: 400; line-height: 1.4; letter-spacing: -.01em; text-align: right; }
.va-la-meta dt { white-space: nowrap; }
.va-la-meta dd { min-width: 0; font-variant-numeric: tabular-nums; }
.va-la-nearby-controls { display: flex; align-items: center; gap: 10px; }
.va-la-nearby-controls .va-la-segment { flex: none; }
/* A report opened directly starts in stacked mode. Budget the native re-entry
   slack too, so the catalogue stays visible at the smallest hero width. */
@media (max-width: 1199px) {
  :root:has(.valtaic-dashboard-surface[data-preview-surface="workspace"]) {
    --va-document-col-min: 560px;
    --va-property-col-min: 560px;
  }
}
/* Keep the four headline observations comparable at every preview width. */
.va-la-summary .va-la-stats {
  grid-auto-flow: row;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(6px, 2cqi, 18px);
}
@container (max-width: 620px) {
  .va-la-summary .va-la-stats dt { font-size: 12px; }
  .va-la-summary .va-la-stats dd { font-size: 22px; }
  .va-la-summary .va-la-stats small { font-size: 11px; }
}