/* Gemensam topbar för Pipeline Intelligence och List Review.
   Färger via --nav-*: standard = ljus (pipelinen); list review mappar dem till sina egna
   tokens så att topbaren följer dess mörka läge. */
:root{--nav-bg:#fff;--nav-fg:#2A2322;--nav-muted:#8A8583;--nav-line:#E8E6E5;--nav-accent:#D95726;--nav-btn-bg:#fff;--nav-btn-line:#D6D3D1}
.unav{position:sticky;top:0;z-index:50;display:flex;align-items:center;flex-wrap:wrap;gap:18px;min-height:56px;padding:0 28px;
  background:var(--nav-bg);color:var(--nav-fg);border-bottom:1px solid var(--nav-line);box-shadow:0 1px 8px rgba(0,0,0,.06);
  font-family:'Inter',system-ui,-apple-system,sans-serif}
.unav [hidden]{display:none!important}
.unav-brand{display:flex;align-items:center;flex:none}
.unav-brand img{height:22px;width:auto;display:block}
.unav-sep{width:1px;height:24px;background:var(--nav-line);flex:none}
.unav-tabs{display:flex;align-self:stretch;gap:4px}
.unav-tab{display:flex;align-items:center;padding:0 12px;font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--nav-muted);
  text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}
.unav-tab:hover{color:var(--nav-fg)}
.unav-tab[aria-current="page"]{color:var(--nav-fg);border-bottom-color:var(--nav-accent)}
.unav-meta{font-size:12px;color:var(--nav-muted);white-space:nowrap}
.unav-r{margin-left:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-block:8px}
.unav-user{font-size:11.5px;font-weight:600;color:var(--nav-muted);white-space:nowrap}
.unav-btn{font-family:inherit;font-size:11.5px;font-weight:700;color:var(--nav-fg);background:var(--nav-btn-bg);
  border:1px solid var(--nav-btn-line);border-radius:6px;padding:5px 10px;cursor:pointer;white-space:nowrap}
.unav-btn:hover{border-color:var(--nav-muted)}
@media(max-width:820px){.unav{padding:0 16px;gap:12px}.unav-meta,.unav-user{display:none}}