/* 904° MARK13.2 — role-appropriate, centered secure navigation.
 * No privilege is granted by CSS or links; Cloudflare Access, middleware,
 * and D1 remain the authorization controls. */
[hidden], nav [hidden], [data-owner-card][hidden] { display:none !important; }
.top .shell, .topbar .topbar-inner {
  display:grid; grid-template-columns:minmax(95px,1fr) auto minmax(95px,1fr);
  align-items:center; column-gap:12px; min-height:76px;
}
.top .brand, .topbar .brand {grid-column:1;justify-self:start;}
.top nav, .topbar nav {
  grid-column:2; justify-self:center; display:flex; flex-wrap:nowrap;
  align-items:center; justify-content:center; gap:clamp(10px,1.15vw,18px);
  white-space:nowrap; letter-spacing:.045em;
}
.top nav a, .topbar nav a {font-family:Oxanium,Arial,sans-serif;font-weight:700;font-size:.81rem;}
.top nav .portal-session-label, .topbar nav .portal-session-label {
  font:600 .72rem Oxanium,Arial,sans-serif; color:#a3bd98;
  letter-spacing:.012em; font-variant-numeric:tabular-nums;
  font-feature-settings:'tnum'; align-self:center;white-space:nowrap;
}
.top nav .portal-logout, .topbar nav .portal-logout {
  display:inline-flex; align-items:center;justify-content:center;
  border:1px solid #a3ff40;border-radius:8px; background:#172617;
  color:#d6ffa7; padding:9px 15px; min-height:42px;
  font:700 .82rem Oxanium,Arial,sans-serif;text-decoration:none;
}
.top nav .portal-logout:hover,.topbar nav .portal-logout:hover {background:#a3ff40;color:#090d0b;}
.top nav .portal-logout:focus-visible,.topbar nav .portal-logout:focus-visible {outline:2px solid white; outline-offset:3px;}
@media(max-width:800px){
 .top .shell,.topbar .topbar-inner{grid-template-columns:1fr;row-gap:8px;padding-top:10px;padding-bottom:10px;}
 .top .brand,.topbar .brand {grid-column:1;justify-self:center;}
 .top nav,.topbar nav {grid-column:1;justify-self:center;flex-wrap:wrap;gap:9px 12px;}
 .top nav .portal-session-label,.topbar nav .portal-session-label {font-size:.68rem;}
}