.header-actions{display:flex;align-items:center;gap:20px}
.page-nav{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05)}
.page-nav a{padding:7px 11px;border-radius:7px;color:#bfcfd3;text-decoration:none;font-size:12px;font-weight:750;transition:background .15s ease,color .15s ease}
.page-nav a:hover{color:#fff;background:rgba(255,255,255,.08)}
.page-nav a.current{color:#152216;background:var(--lime)}
@media(max-width:680px){
  .topbar{height:64px}
  .topbar .brand{font-size:15px}
  .topbar .brand-ball{width:25px;height:25px}
  .header-actions{gap:5px}
  .header-actions .status{display:none}
  .page-nav{max-width:calc(100vw - 64px);gap:2px;padding:3px;overflow-x:auto;scrollbar-width:none}
  .page-nav::-webkit-scrollbar{display:none}
  .page-nav a{flex:0 0 auto;padding:6px 7px;font-size:9px}
}
@media(max-width:390px){
  .topbar .brand span:last-child{font-size:0}
  .topbar .brand span:last-child b{font-size:13px}
}