html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

@media (prefers-color-scheme: dark) {
  body {
    background: black;
  }
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}/*
 * Krayde type for Krayde Fleet Manager. vm/remote-setup.sh appends this to the server's own
 * styles.css (which its index.html links) and serves the result from the override folder.
 */
@font-face { font-family: 'Montserrat'; font-weight: 400; font-display: swap; src: url('/krayde/fonts/Montserrat-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 500; font-display: swap; src: url('/krayde/fonts/Montserrat-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 600; font-display: swap; src: url('/krayde/fonts/Montserrat-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 700; font-display: swap; src: url('/krayde/fonts/Montserrat-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Bebas Neue'; font-weight: 400; font-display: swap; src: url('/krayde/fonts/BebasNeue-Regular.ttf') format('truetype'); }

/* The app's theme sets its typeface on every component, so the brand face is applied over it. */
body, body * {
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
}

/* Page titles in the top bar use the brand's heading face. */
.MuiAppBar-root .MuiToolbar-root .MuiTypography-h6 {
  font-family: 'Bebas Neue', 'Montserrat', sans-serif !important;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.1;
}