/*
  Critical first-paint styles (loaded from <head> before JS).
  Keeps the branded shell visible while the client SPA chunk loads.
*/
html,
body {
  margin: 0;
  min-height: 100%;
  background-color: #f4efe4;
}

#adc-app-root {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  /* Transparent until SPA is ready so #adc-static-shell shows through */
  background-color: transparent;
}

html.adc-app-ready #adc-app-root {
  background-color: #f4efe4;
}

#adc-static-shell {
  position: fixed;
  inset: 0;
  z-index: 50;
  overflow-y: auto;
  background-color: #f4efe4;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: opacity 180ms ease, visibility 180ms ease;
}

html.adc-app-ready #adc-static-shell {
  opacity: 0;
  visibility: hidden;
}