/* TKSE-WEB-009I9B-TOP-BAR-FINAL-UTILITY-ALIGNMENT-POLISH
   Final enterprise polish for top utility bar: clearer hierarchy, compact language dropdown, balanced register CTA. */
:root{
  --tkse-i5-top-h:38px;
  --tkse-i5-total-h:112px;
}
html body .tkse-i5-topbar{
  background:linear-gradient(90deg,#031127 0%,#061A3A 54%,#08264d 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset!important;
}
html body .tkse-i5-topbar-inner{
  height:38px!important;
  min-height:38px!important;
  font-size:13.5px!important;
  font-weight:800!important;
  letter-spacing:-.004em!important;
}
html body .tkse-i5-top-left,
html body .tkse-i5-top-right{
  gap:16px!important;
}
html body .tkse-i5-topbar a,
html body .tkse-i5-topbar button{
  min-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body .tkse-i5-portal-link{
  padding:6px 13px!important;
  border-radius:999px!important;
  background:rgba(234,247,241,.14)!important;
  border:1px solid rgba(167,225,199,.34)!important;
  color:#FFFFFF!important;
  font-weight:950!important;
  box-shadow:0 10px 24px rgba(0,0,0,.10)!important;
}
html body .tkse-i5-portal-link:hover{
  background:rgba(234,247,241,.20)!important;
  border-color:rgba(167,225,199,.56)!important;
  color:#FFFFFF!important;
  transform:translateY(-1px);
}
html body .tkse-i5-dealer-link{
  padding:5px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#D2F0E2!important;
  font-weight:900!important;
  opacity:1!important;
}
html body .tkse-i5-dealer-link:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(167,225,199,.26)!important;
  color:#FFFFFF!important;
  transform:translateY(-1px);
}
html body .tkse-i9-top-ico{
  width:19px!important;
  height:19px!important;
  border-radius:8px!important;
  background:rgba(234,247,241,.16)!important;
  color:#C8F7E1!important;
  font-size:11px!important;
  flex:0 0 19px!important;
}
html body .tkse-i5-account-link{
  font-size:13.5px!important;
  font-weight:850!important;
  color:rgba(255,255,255,.88)!important;
  padding:5px 3px!important;
  border-radius:999px!important;
}
html body .tkse-i5-account-link:hover{
  color:#FFFFFF!important;
}
html body .tkse-i5-topbar .tkse-i5-account-link.is-register,
html body .tkse-i5-header .tkse-i5-topbar .tkse-i5-account-link.is-register{
  padding:6px 14px!important;
  border-radius:999px!important;
  background:#009B63!important;
  color:#FFFFFF!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 8px 22px rgba(0,155,99,.20)!important;
  font-weight:950!important;
}
html body .tkse-i5-topbar .tkse-i5-account-link.is-register:hover,
html body .tkse-i5-header .tkse-i5-topbar .tkse-i5-account-link.is-register:hover{
  background:#008457!important;
  color:#FFFFFF!important;
  border-color:rgba(255,255,255,.36)!important;
  transform:translateY(-1px);
}
html body .tkse-i5-lang-mini.tkse-i9b-lang-dropdown{
  position:relative!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .tkse-i5-lang-mini.tkse-i9b-lang-dropdown>button{
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.085)!important;
  color:#FFFFFF!important;
  border-radius:999px!important;
  padding:6px 11px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:900!important;
}
html body .tkse-i5-lang-mini.tkse-i9b-lang-dropdown>button b{
  font-weight:950!important;
  color:#FFFFFF!important;
}
html body .tkse-i5-lang-mini.tkse-i9b-lang-dropdown>button i{
  font-style:normal!important;
  color:rgba(255,255,255,.65)!important;
  margin-left:1px!important;
}
html body .tkse-i5-lang-mini.tkse-i9b-lang-dropdown:hover>button{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(167,225,199,.32)!important;
}
html body .tkse-i9b-lang-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  min-width:184px!important;
  padding:8px!important;
  border-radius:16px!important;
  background:#FFFFFF!important;
  border:1px solid #E2E8F0!important;
  box-shadow:0 18px 52px rgba(3,17,39,.18)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-4px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
  z-index:100000!important;
}
html body .tkse-i9b-lang-dropdown:hover .tkse-i9b-lang-menu,
html body .tkse-i9b-lang-dropdown:focus-within .tkse-i9b-lang-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}
html body .tkse-i9b-lang-menu a{
  min-height:36px!important;
  display:grid!important;
  grid-template-columns:20px 1fr auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 9px!important;
  border-radius:11px!important;
  color:#071B3A!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html body .tkse-i9b-lang-menu a:hover{
  background:#EAF7F1!important;
  color:#006F49!important;
}
html body .tkse-i9b-lang-menu img{
  width:20px!important;
  height:14px!important;
  border-radius:3px!important;
}
html body .tkse-i9b-lang-menu b{
  color:#009B63!important;
  font-weight:950!important;
}
@media (max-width:1180px) and (min-width:921px){
  html body .tkse-i5-topbar-inner{font-size:12.5px!important;}
  html body .tkse-i5-top-left,html body .tkse-i5-top-right{gap:10px!important;}
  html body .tkse-i5-dealer-link{display:none!important;}
}
@media (max-width:920px){
  :root{--tkse-i5-top-h:0px;--tkse-i5-total-h:74px;}
  html body .tkse-i5-topbar{display:none!important;}
}
