.topbar{height:72px;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:30;background:#12151a;border-bottom:1px solid #1f242c;padding:0 20px}
.topbar-simple{width:100%;max-width:1180px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.tb-left{min-height:1px}
.tb-logo{text-align:center}
.logo-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}
.logo-img{height:46px;display:block;max-width:240px}
.logo-fallback{font-size:1.7rem;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#ff7a19,#ff9c2b,#d7d7dc,#efe8bb,#cdbb86,#9eff30);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.tb-actions{display:flex;justify-content:flex-end;gap:12px;grid-column:3;justify-self:end}
/* Ensure right alignment even if grid is overridden by other styles */
header.topbar .topbar-simple{display:grid;grid-template-columns:1fr auto 1fr}
header.topbar .topbar-simple .tb-actions{grid-column:3;justify-self:end;margin-left:auto}
/* Fallback for very old browsers or if grid gets disabled by a conflicting rule */
@supports not (display: grid){
	header.topbar .topbar-simple{display:flex;align-items:center}
	header.topbar .topbar-simple .tb-actions{margin-left:auto}
}
.burger-inline{display:none;position:relative;top:auto;left:auto;z-index:auto;width:40px;height:36px;border-radius:10px;background:#181b22;border:1px solid #262a31;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger-inline span{width:22px;height:3px;border-radius:4px;background:#fff;display:block}
.btn.ghost{background:#1b1f25;border:1px solid #262a31}
.btn.ghost:hover{background:#232831}
@media (max-width:640px){.topbar-simple{grid-template-columns:1fr auto 1fr;gap:12px}.logo-fallback{font-size:1.25rem} .logo-img{height:38px}}
@media (max-width:880px){.burger-inline{display:inline-flex}}