/* Nightboard global navigation V9 — utility-driven header */
body{--nav9-bg:#07111d;--nav9-bg2:#0a1626;--nav9-line:rgba(120,166,201,.18);--nav9-cyan:#48d6ff;--nav9-cream:#f0dcae}
.site-head{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,rgba(6,15,26,.985),rgba(7,14,24,.965));border-bottom:1px solid var(--nav9-line);box-shadow:0 10px 35px rgba(0,0,0,.28);backdrop-filter:blur(18px) saturate(125%)}
.site-head .shell.top{width:min(1380px,calc(100% - 40px));min-height:82px;padding:0;display:grid;grid-template-columns:max-content minmax(350px,1fr) max-content;gap:28px;align-items:stretch}
.site-head .brand{align-self:center;gap:14px;min-width:260px;font-size:25px;line-height:1}.site-head .brandmark{width:38px;height:38px;flex:0 0 38px;border-width:1.5px;box-shadow:0 0 24px rgba(72,214,255,.14)}.site-head .brandmark:after{width:18px;height:7px;left:11px;top:14px}.site-head .brand-name{display:block;color:var(--nav9-cream);letter-spacing:.005em}.site-head .brand-name strong{color:var(--nav9-cream)}.site-head .brand small{max-width:29ch;margin-top:6px;color:#6f849b;font:700 7px/1.1 var(--mono);letter-spacing:.19em}
.nav-v9-primary{min-width:0;margin:0;display:flex;align-items:stretch;justify-content:flex-start;gap:2px}.nav-v9-primary>a,.nav-v9-primary>.menu>.menu-trigger{position:relative;display:flex;align-items:center;min-height:82px;padding:0 16px;border-radius:0;background:transparent!important;color:#aebccc;font:700 11px/1 var(--mono);letter-spacing:.055em;text-transform:uppercase}.nav-v9-primary>a:hover,.nav-v9-primary>.menu>.menu-trigger:hover{color:#f3f7fa}.nav-v9-primary>a.on{color:#d9f7ff;background:linear-gradient(180deg,rgba(72,214,255,.075),rgba(72,214,255,.02))!important}.nav-v9-primary>a.on:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--nav9-cyan);box-shadow:0 0 12px rgba(72,214,255,.4)}.nav-v9-primary .nav-count{margin-left:6px}.nav-v9-more-panel{min-width:235px}.nav-v9-staff{margin-left:4px}.nav-v9-staff>.menu-trigger{border-left:1px solid rgba(150,180,210,.09)}
.nav-v9-actions{align-self:center;display:flex;align-items:center;gap:8px}.nav-v9-search{width:245px;height:42px;display:flex;align-items:center;border:1px solid rgba(130,169,201,.22);border-radius:10px;background:#091424;transition:.18s}.nav-v9-search:focus-within{border-color:rgba(72,214,255,.56);box-shadow:0 0 0 3px rgba(72,214,255,.06)}.nav-v9-search input{min-width:0;flex:1;height:100%;padding:0 8px 0 14px;border:0;outline:0;background:transparent;color:#e7eef5;font:500 14px var(--body)}.nav-v9-search input::placeholder{color:#71849a}.nav-v9-search button{width:40px;height:40px;border:0;background:transparent;color:#8ea4b9;cursor:pointer}.nav-v9-search button:hover{color:var(--nav9-cyan)}.nav-v9-search svg,.nav-v9-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav-v9-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:9px;color:#a6b7c8;transition:.15s}.nav-v9-icon:hover{color:#e7f8ff;background:rgba(72,214,255,.055)}.nav-v9-badge{position:absolute;right:0;top:-3px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border:2px solid #07111d;border-radius:999px;background:#35c5ec;color:#05131c;font:700 8px/1 var(--mono)}
.nav-v9-create{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 15px;border:1px solid rgba(72,214,255,.48);border-radius:9px;background:linear-gradient(180deg,#1689b1,#0b678d);box-shadow:inset 0 1px rgba(255,255,255,.12);color:#f3fbff;font:700 9px var(--mono);letter-spacing:.06em;text-transform:uppercase}.nav-v9-create:hover{filter:brightness(1.08);transform:translateY(-1px)}.nav-v9-create span{font-size:16px;line-height:1}
.nav-v9-account-trigger{min-width:132px;height:46px;padding:4px 10px 4px 5px!important;border:1px solid rgba(130,169,201,.24)!important;border-radius:10px!important;background:#0a1525!important;text-transform:none!important;letter-spacing:0!important}.nav-v9-account-trigger:hover,.menu.open .nav-v9-account-trigger{border-color:rgba(72,214,255,.42)!important;background:#0d1b2d!important}.nav-v9-account-trigger .account-avatar{width:34px;height:34px;flex-basis:34px}.nav-v9-account-copy{min-width:0;display:grid;text-align:left;line-height:1.05}.nav-v9-account-copy strong{max-width:11ch;overflow:hidden;text-overflow:ellipsis;color:#e8eef4;font:700 12px var(--body);white-space:nowrap}.nav-v9-account-copy small{margin-top:4px;color:#7890a7;font:700 7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.nav-v9-account-trigger .caret{margin-left:auto}.mobile-account-link{display:none!important}.nav-v9-login{padding:0 12px;color:#aebdcc;font:700 10px var(--mono);text-transform:uppercase}
/* Keep the staff utility strip quiet and subordinate to the global nav. */
.admin-nav,.admin-topbar,.staffbar,.staff-bar{box-shadow:none!important}.site-head+ .staffbar,.site-head+ .staff-bar{border-top:0!important}.admin-nav,.admin-topbar{background:#0a1423!important;border-color:rgba(130,169,201,.13)!important}.admin-nav a,.admin-topbar a{opacity:.76}.admin-nav a:hover,.admin-topbar a:hover{opacity:1}
@media(max-width:1220px){.site-head .shell.top{width:min(100% - 28px,1380px);grid-template-columns:max-content minmax(290px,1fr) max-content;gap:14px}.site-head .brand{min-width:220px;font-size:21px}.site-head .brand small{max-width:22ch}.nav-v9-primary>a,.nav-v9-primary>.menu>.menu-trigger{padding:0 10px;font-size:9px}.nav-v9-search{width:190px}.nav-v9-create{padding:0 11px}}
@media(max-width:980px){.site-head .shell.top{min-height:68px;display:flex;align-items:center}.site-head .brand{min-width:0}.nav-v9-primary,.nav-v9-search,.nav-v9-icon,.nav-v9-create.hide-mobile,.nav-v9-account{display:none!important}.nav-toggle{display:inline-grid!important;place-items:center;order:-1}.nav-v9-actions{margin-left:auto}.mobile-account-link{display:inline-flex!important}.site-head .brand small{display:none}}
@media(max-width:560px){.site-head .shell.top{width:calc(100% - 18px)}.site-head .brand-name-tail{display:none}.site-head .brand{font-size:18px}.site-head .brandmark{width:32px;height:32px;flex-basis:32px}.site-head .brandmark:after{left:8px;top:11px}}
