ui-element {
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

html {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-x: clip;
  overscroll-behavior: none;
  box-sizing: border-box;
  /* Browser chrome tint (status/tab bar). Always black — not the app header. */
  background-color: #000000;
}

body {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-x: clip;
  overscroll-behavior: none;
  box-sizing: border-box;
  background-color: #000000;
}

#application {
  position: fixed;
  inset: 0;
  display: grid;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-x: clip;
  overscroll-behavior: none;
  box-sizing: border-box;
  grid-template-rows: auto auto 1fr auto auto;
  /* minmax(0, 1fr) prevents the center track from expanding past the
     viewport when children have a large min-content width (tables, nowrap). */
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas:
    "header header header"
    "navigation navigation navigation"
    "mainLeft mainCenter mainRight"
    "footer footer footer"
    "statusbar statusbar statusbar";
}

#section-header {
  grid-area: header;
  height: 50px;
  position: relative;
  z-index: 12025;
  overflow: visible;
  min-width: 0;
}

#section-navigation {
  grid-area: navigation;
  height: 60px;
  position: relative;
  min-width: 0;
}

/* mainLeft hosts the sidebar rail. Keep overflow visible so the compact
   tap-to-open sidebar panel can overlay the content area instead of being
   clipped to the rail width. */
#section-mainLeft {
  grid-area: mainLeft;
  position: relative;
  min-height: 0;
  min-width: 0;
  overflow: visible;
}

#section-mainCenter {
  grid-area: mainCenter;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  /* allow scrolling */
  -ms-overflow-style: none;
  /* hide scrollbar in IE/Edge */
  scrollbar-width: none;
  /* hide scrollbar in Firefox */
  position: relative;
}

#section-mainCenter::-webkit-scrollbar {
  display: none;
  /* hide scrollbar in Chrome/Safari */
}

#section-mainRight {
  grid-area: mainRight;
  width: 200px;
  position: relative;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}

#section-footer {
  grid-area: footer;
  height: 50px;
  position: relative;
  min-width: 0;
}

#section-statusbar {
  grid-area: statusbar;
  height: 20px;
  position: relative;
  min-width: 0;
}

#section-overlay {
  z-index: 10000;
  position: relative;
}

/* ==================================================================== */
/* COMPACT / MOBILE (<=768px)                                           */
/* Canonical compact tier. The slim sidebar rail stays visible and only */
/* interior regions scroll; header/footer/statusbar stay pinned. The    */
/* right column is not reserved so the content area can use full width. */
/* ==================================================================== */
@media (max-width: 768px) {
  #section-mainRight {
    display: none;
  }

  #section-footer {
    height: 25px;
  }
}


/*# sourceMappingURL=heliont-page-heliont-core-clientcheck-index-head.css.map*/