/* GreenEco official ribbon: compact single-row layout. */
.ribbon-nav{
  --ribbon-item-width:82px;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  align-items:stretch!important;
  align-content:stretch!important;
  gap:0!important;
  overflow:visible!important;
  min-height:66px!important;
  padding-inline:2px!important;
  position:relative!important;
  z-index:100001!important;
}
.app-header{
  z-index:2147482000!important;
  overflow:visible!important;
  isolation:isolate!important;
  contain:none!important;
  clip-path:none!important;
  filter:none!important;
  transform:none!important;
}
.app-workspace{
  position:relative!important;
  z-index:1!important;
}
.ribbon-nav>*,
.ribbon-nav>a,
.ribbon-nav>.ribbon-menu,
.ribbon-nav>.logout-ribbon,
.ribbon-nav>.ribbon-notification-item{
  flex:0 0 var(--ribbon-item-width)!important;
  width:var(--ribbon-item-width)!important;
  min-width:var(--ribbon-item-width)!important;
  min-height:66px!important;
  margin:0!important;
}
.ribbon-nav>a,
.ribbon-nav>button,
.ribbon-nav>.ribbon-menu>.ribbon-menu-trigger{
  padding:5px 3px 4px!important;
  gap:2px!important;
  line-height:1.15!important;
  text-align:center!important;
  font-size:11px!important;
}
.ribbon-nav>a>svg,
.ribbon-nav>button>svg,
.ribbon-nav>.ribbon-menu>.ribbon-menu-trigger>svg:first-child{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}
.ribbon-nav>a>span,
.ribbon-nav>button>span,
.ribbon-nav>.ribbon-menu>.ribbon-menu-trigger>span{
  width:100%!important;
  max-width:76px!important;
  font-size:11px!important;
  line-height:1.15!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.ribbon-nav>.ui-group-start{
  border-inline-start:2px solid #8398aa!important;
}
.ribbon-nav>.ribbon-menu{
  position:relative!important;
}
.ribbon-nav>.ribbon-menu.open{
  z-index:2147483000!important;
}
.ribbon-nav .ribbon-submenu{
  position:fixed!important;
  top:calc(100% - 1px)!important;
  inset-inline-start:0!important;
  right:auto!important;
  left:auto!important;
  z-index:2147483640!important;
  max-height:min(68vh,560px)!important;
  overflow-y:auto!important;
}
.ribbon-nav>.ribbon-menu.open>.ribbon-submenu{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.ribbon-nav .ribbon-menu:nth-last-child(-n+4) .ribbon-submenu{
  inset-inline-start:auto!important;
  inset-inline-end:0!important;
}
.ribbon-nav>.logout-ribbon{
  margin-inline-start:0!important;
}
.ribbon-nav>.ui-ribbon-hidden{
  display:none!important;
}

@media (min-width:1600px){
  .ribbon-nav{--ribbon-item-width:86px}
}
@media (max-width:1350px){
  .ribbon-nav{
    --ribbon-item-width:80px;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  .ribbon-nav .ribbon-submenu{
    position:fixed!important;
    top:var(--greeneco-ribbon-bottom,112px)!important;
    inset-inline-start:auto!important;
    inset-inline-end:12px!important;
    width:min(340px,calc(100vw - 24px))!important;
  }
}
@media (max-width:760px){
  .ribbon-nav{--ribbon-item-width:74px;padding:0!important}
  .ribbon-nav>*,
  .ribbon-nav>a,
  .ribbon-nav>.ribbon-menu,
  .ribbon-nav>.logout-ribbon,
  .ribbon-nav>.ribbon-notification-item{min-height:60px!important}
  .ribbon-nav>a>svg,
  .ribbon-nav>button>svg,
  .ribbon-nav>.ribbon-menu>.ribbon-menu-trigger>svg:first-child{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!important;
  }
  .ribbon-nav>a>span,
  .ribbon-nav>button>span,
  .ribbon-nav>.ribbon-menu>.ribbon-menu-trigger>span{
    max-width:69px!important;
    font-size:10px!important;
  }
}
@media print{.ribbon-nav{display:none!important}}