/*
 * Demo's build only: vite.config.ts copies this file in when VITE_DEMO_MODE=1, and no
 * other build has it. It holds the self-hosted font, so no visitor's browser calls
 * Google, and the notice on every page.
 *
 * The notice sits in index.html, outside React, so it is on every page before any
 * script has run, and the proof can read it without a browser. Everything else moves
 * down to make room: a transform makes #root the box that the app's fixed sidebars and
 * overlays measure from, and its full-height shells fill #root instead of the window.
 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 300 700;
  src: url("/demo/inter-latin-wght-normal.woff2") format("woff2");
}

html,
body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
}

#demo-notice {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  min-height: 2.75rem;
  padding: 0.25rem 1rem;
  background: #fef3c7;
  color: #78350f;
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
}

#root {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  transform: translateZ(0);
}

#root .h-screen {
  height: 100%;
}

#root .min-h-screen {
  min-height: 100%;
}