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 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 breadcrumb mainRight"
    "mainLeft actionbar mainRight"
    "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. Width tokens are owned here so every sidebar
   extension (management, Process Designer palette, …) shares one rail size. */
#section-mainLeft {
  --heliont-sidebar-width-expanded: 248px;
  --heliont-sidebar-width-collapsed: 56px;
  grid-area: mainLeft;
  position: relative;
  min-height: 0;
  min-width: 0;
  overflow: visible;
}

#section-breadcrumb {
  grid-area: breadcrumb;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 25;
  overflow: visible;
  display: flex;
  align-items: center;
  padding: 1rem var(--heliont-content-area-padding, 1.5rem) 0;
}

#section-breadcrumb:empty {
  display: none;
}

#section-actionbar {
  grid-area: actionbar;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 24;
  overflow: visible;
  display: flex;
  align-items: center;
  padding: 0.75rem var(--heliont-content-area-padding, 1.5rem);
}

#section-actionbar:empty {
  display: none;
}

#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*/