/* ========================= LAYOUT ========================= */
.system-header{
  position:sticky;top:0;z-index:100;
  display:grid;grid-template-columns:250px 170px 1fr auto;
  min-height:78px;align-items:center;
  border-bottom:1px solid var(--line);
  background:rgba(0,0,0,.94);
  backdrop-filter:blur(12px);
}
.brand{height:78px;padding:14px 24px;border-right:1px solid var(--line);display:flex;align-items:center}
.brand img{max-height:47px;width:190px;object-fit:contain;filter:invert(1)}
.node-id{font-size:11px;padding-left:22px;color:#aaa}
.system-nav{display:flex;align-items:stretch;justify-content:center;height:100%}
.system-nav a{
  min-width:130px;display:grid;place-items:center;position:relative;
  font:12px var(--font-system);color:#cfcfc9;
}
.system-nav a:hover{color:var(--yellow)}
.system-nav a:hover::after{
  content:"";position:absolute;bottom:0;left:20px;right:20px;height:2px;background:var(--yellow)
}
.access-chip{
  margin-right:20px;border:1px solid var(--yellow);padding:8px 12px;
  font:11px var(--font-system);color:var(--yellow);min-width:150px;
}
.access-chip strong{display:block;margin-top:4px;font-weight:400}
.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 12px;font:11px var(--font-system)}
.system-footer{
  max-width:var(--max);margin:auto;min-height:54px;padding:0 28px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  color:#777;font-size:10px;border-top:1px solid var(--line);
}