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 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"
    "mainLeft lowerActionbar 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-lowerActionbar {
  grid-area: lowerActionbar;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 24;
  overflow: visible;
}

#section-lowerActionbar: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)                                           */
/* The sidebar extension hides itself; collapse its grid slot so the    */
/* auto column does not keep a rail-sized track.                        */
/* ==================================================================== */
@media (max-width: 768px) {
  #section-mainLeft {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
  }

  #section-mainRight {
    display: none;
  }

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


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