/* V17.7.4.77 — V74 Reference Header: single active visual source of truth.
   No Shadow DOM. Exact V74 geometry/typography preserved. */

.topbar.v17-project-topbar{
  position:relative!important;
  height:45px!important;
  min-height:45px!important;
  max-height:45px!important;
  padding:0 10px 0 0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  background:#0B1723!important;
  background-image:none!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* STRUCTUNE HUB + second line */
.topbar.v17-project-topbar .v17-topbar-brand{
  width:360px!important;
  min-width:360px!important;
  max-width:360px!important;
  flex:0 0 360px!important;
  height:45px!important;
  min-height:45px!important;
  padding:4px 12px 3px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
.topbar.v17-project-topbar .v17-topbar-brand > div:first-child{line-height:18px!important}
.topbar.v17-project-topbar .v17-topbar-brand b{color:#1396e8!important;margin-left:4px!important}
.topbar.v17-project-topbar .v17-topbar-brand .brand-tag{
  display:block!important;padding-top:2px!important;margin:0!important;color:#8fb4ce!important;
  font-size:8px!important;font-weight:600!important;line-height:10px!important;white-space:nowrap!important
}

/* Project Number: 0000 | PROJECT NAME */
.topbar.v17-project-topbar :is(.top-left,.project-line){
  height:45px!important;margin:0!important;padding:0 0 0 12px!important;display:flex!important;
  align-items:center!important;gap:18px!important;flex:0 1 auto!important;min-width:0!important;
  max-width:none!important;color:#fff!important;font-size:13px!important;white-space:nowrap!important;overflow:visible!important
}
.topbar.v17-project-topbar :is(.top-left,.project-line) > span:first-child{
  display:flex!important;align-items:center!important;gap:4px!important;color:#fff!important;font-size:13px!important;font-weight:800!important
}
.topbar.v17-project-topbar :is(.top-left,.project-line) strong{color:#fff!important;font-weight:800!important}
.topbar.v17-project-topbar :is(.top-left,.project-line) .divider{
  display:block!important;width:1px!important;height:24px!important;margin:0 2px!important;
  background:rgba(255,255,255,.24)!important;flex:0 0 1px!important
}
.topbar.v17-project-topbar .v17-project-name-inline{
  color:#fff!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.01em!important
}

/* Right side: EN/中文 → Live */
.topbar.v17-project-topbar :is(.top-right,.top-actions){
  height:45px!important;margin-left:auto!important;padding:0!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:10px!important;color:#fff!important;white-space:nowrap!important
}
.topbar.v17-project-topbar .structune-language-switch{
  position:static!important;height:30px!important;margin:0!important;background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important
}
.topbar.v17-project-topbar .structune-language-switch button{color:#dce8f1!important}
.topbar.v17-project-topbar .structune-language-switch button.active{color:#fff!important;background:#1396e8!important}
.topbar.v17-project-topbar .live{
  display:flex!important;align-items:center!important;gap:7px!important;height:45px!important;color:#fff!important;font-size:12px!important;font-weight:700!important
}
.topbar.v17-project-topbar .live .dot{width:10px!important;height:10px!important;background:#16c451!important;border-radius:50%!important}

/* One fullscreen control for the Global Header. */
.topbar.v17-project-topbar .v17-header-fullscreen-btn{
  position:absolute!important;left:50%!important;top:5px!important;transform:translateX(-50%)!important;
  display:grid!important;place-items:center!important;width:35px!important;height:35px!important;min-width:35px!important;max-width:35px!important;
  min-height:35px!important;max-height:35px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:6px!important;background:#0B1723!important;color:#fff!important;
  cursor:pointer!important;box-shadow:none!important;backdrop-filter:none!important;z-index:3302!important
}
.topbar.v17-project-topbar .v17-header-fullscreen-btn:hover,
.topbar.v17-project-topbar .v17-header-fullscreen-btn:focus-visible{border-color:rgba(255,255,255,.24)!important;background:#0B1723!important;outline:0!important}
.topbar.v17-project-topbar .v17-header-fullscreen-btn svg{
  width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important
}

/* Entrance remains physically separate. */
.app.access-mode .topbar.v17-project-topbar{display:none!important}