.ih-global-nav-ready .ih-topbar,
.ih-global-nav-ready .topbar,
.ih-global-nav-ready .reset-nav,
.ih-global-nav-ready .portal-top{
  display:none!important;
}

.ih-global-topbar{
  position:sticky;
  top:0;
  z-index:1200;
  width:100%;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(0,21,50,.08);
  font-family:Inter,Arial,sans-serif!important;
}

.ih-global-topbar-inner{
  width:min(1180px,calc(100% - 36px));
  height:78px;
  margin:0 auto;
  display:grid;
  grid-template-columns:190px minmax(0,1fr) 190px;
  align-items:center;
  column-gap:24px;
}

.ih-global-brand{
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  width:180px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}

.ih-global-brand img{
  display:block!important;
  width:auto!important;
  height:44px!important;
  max-width:180px!important;
  object-fit:contain!important;
  margin:0!important;
}

.ih-global-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

.ih-global-tab{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 15px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#405269!important;
  text-decoration:none!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}

.ih-global-tab:hover{
  background:#f2f7fd!important;
  color:#175ca7!important;
  transform:translateY(-1px);
}

.ih-global-tab.active,
.ih-global-tab[aria-current="page"]{
  background:#eaf3ff!important;
  border-color:#bdd5f4!important;
  color:#0d4e91!important;
  box-shadow:none!important;
}

.ih-global-badge{
  position:absolute;
  top:-6px;
  right:-3px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 6px;
  border-radius:999px;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  line-height:1;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
}

.ih-global-badge.baru{background:#f15a36}
.ih-global-badge.kiv{background:#175ca7}

.ih-global-admin{
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px!important;
  min-height:44px!important;
  padding:11px 17px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#001532!important;
  color:#fff!important;
  text-decoration:none!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:transform .18s ease,opacity .18s ease!important;
}

.ih-global-admin:hover{
  transform:translateY(-1px);
  opacity:.92;
}

@media(max-width:820px){
  .ih-global-topbar-inner{
    width:min(100% - 24px,1180px);
    height:auto;
    min-height:72px;
    grid-template-columns:minmax(130px,1fr) auto;
    gap:10px;
    padding:10px 0 9px;
  }
  .ih-global-brand{
    width:150px!important;
    height:39px!important;
  }
  .ih-global-brand img{
    height:39px!important;
    max-width:150px!important;
  }
  .ih-global-admin{
    min-width:0!important;
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:11px!important;
  }
  .ih-global-nav{
    grid-column:1/-1;
    justify-content:flex-start!important;
    overflow-x:auto;
    padding:2px 1px 3px!important;
    scrollbar-width:none;
  }
  .ih-global-nav::-webkit-scrollbar{display:none}
  .ih-global-tab{
    flex:0 0 auto;
    min-height:40px!important;
    padding:9px 12px!important;
    font-size:12px!important;
  }
}

@media(max-width:420px){
  .ih-global-topbar-inner{width:min(100% - 20px,1180px)}
  .ih-global-brand{
    width:128px!important;
    height:35px!important;
  }
  .ih-global-brand img{
    height:35px!important;
    max-width:128px!important;
  }
  .ih-global-admin{padding:8px 11px!important}
  .ih-global-tab{
    font-size:11px!important;
    padding:8px 10px!important;
  }
  .ih-global-badge{
    font-size:7px;
    padding:3px 5px;
  }
}