/* CITYBOARD — critical-fix.css  (load FIRST before all other CSS) */

/* 1. Base reset */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { height:100%; overflow:hidden; }
body { height:100%; overflow:hidden; font-family:'Plus Jakarta Sans',system-ui,sans-serif; background:#F4F6FF; }

/* 2. App container — MUST be column not row */
.app-wrap {
  position: relative !important;
  width: 100% !important;
  min-height: 100vh !important;
  overflow: hidden !important;
  display: block !important;   /* block not flex = no side-by-side */
}

/* 3. ALL screens hidden by default — this is the ROOT FIX */
.screen {
  display: none !important;
  width: 100% !important;
  min-height: 100vh !important;
  flex-direction: column !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
}

/* 4. ONLY the active screen shows */
.screen.active {
  display: flex !important;
}

/* 5. Splash screen colours (display handled by .screen.active) */
#s-splash.active {
  background: linear-gradient(175deg, #1A3BCC 0%, #0F228A 100%) !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 48px 24px 40px !important;
}