/*
 GreenEco — Organization Structure launcher
 Mirrors the established Workforce Planning independent-screen pattern.
 Version: 3.3.16.44.2.558
*/

@media screen {
  .app-workspace.greeneco-organization-active{
    position:relative!important;
    overflow:hidden!important;
  }

  .app-workspace > .greeneco-organization-hidden-native{
    display:none!important;
  }

  .organization-workspace-host{
    position:absolute!important;
    inset:0!important;
    z-index:900!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    display:block!important;
    overflow:hidden!important;
    background:#f4f4f3!important;
    box-sizing:border-box!important;
  }

  .organization-workspace-frame{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    background:#f4f4f3!important;
  }

  /* Same ribbon family as Workforce Planning. */
  .organization-structure-ribbon .organization-structure-trigger{
    min-width:92px!important;
  }

  .organization-ribbon-symbol{
    position:relative!important;
    display:block!important;
    width:27px!important;
    height:25px!important;
    flex:0 0 25px!important;
  }

  .organization-ribbon-symbol i{
    position:absolute!important;
    display:block!important;
    width:7px!important;
    height:6px!important;
    border:1.5px solid currentColor!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  .organization-ribbon-symbol i:nth-child(1){
    top:0!important;
    left:10px!important;
  }

  .organization-ribbon-symbol i:nth-child(2){
    bottom:0!important;
    right:0!important;
  }

  .organization-ribbon-symbol i:nth-child(3){
    bottom:0!important;
    left:10px!important;
  }

  .organization-ribbon-symbol i:nth-child(4){
    bottom:0!important;
    left:0!important;
  }

  .organization-ribbon-symbol::before{
    content:""!important;
    position:absolute!important;
    top:6px!important;
    left:13px!important;
    width:1.5px!important;
    height:8px!important;
    background:currentColor!important;
  }

  .organization-ribbon-symbol::after{
    content:""!important;
    position:absolute!important;
    top:13px!important;
    left:3px!important;
    width:21px!important;
    height:1.5px!important;
    background:currentColor!important;
  }

  .organization-structure-submenu{
    min-width:210px!important;
  }

  .organization-structure-submenu > a{
    display:flex!important;
    align-items:center!important;
    min-height:36px!important;
    padding:7px 13px!important;
    white-space:nowrap!important;
  }

  .organization-structure-ribbon button:hover,
  .organization-structure-ribbon button:focus-visible,
  .organization-structure-ribbon button:active,
  .organization-structure-submenu > a:hover,
  .organization-structure-submenu > a:focus-visible,
  .organization-structure-submenu > a:active{
    transform:none!important;
    translate:none!important;
    scale:none!important;
  }
}