/* ═══════════════════════════════════════════════════
   nav.css — Navigation bar + dropdown
═══════════════════════════════════════════════════ */
.nav             { position:sticky; top:0; z-index:100; height:var(--nav-h); background:var(--white); border-bottom:1px solid var(--border); }
.nav-inner       { max-width:100%; padding:0 24px; height:100%; display:flex; align-items:center; gap:16px; }
.nav-logo        { font-family:var(--font-serif); font-size:1.375rem; color:var(--purple); white-space:nowrap; flex-shrink:0; display:flex; align-items:center; gap:8px; cursor:pointer; }
.nav-logo-icon   { width:32px; height:32px; background:var(--purple); border-radius:6px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:1rem; font-family:var(--font-serif); flex-shrink:0; }
.nav-search      { flex:1; max-width:500px; }
.nav-search .input { border-radius:100px; background:var(--surface); border-color:var(--surface); font-size:.875rem; }
.nav-search .input:focus { background:var(--white); border-color:var(--navy); box-shadow:none; }
.nav-links       { display:flex; align-items:center; gap:4px; margin-left:auto; }
.nav-link        { padding:8px 12px; border-radius:var(--r); font-size:.875rem; font-weight:500; color:var(--ink); transition:color var(--t),background var(--t); }
.nav-link:hover  { color:var(--purple); }
.nav-link.active { color:var(--purple); font-weight:600; }
.nav-avatar-wrap { position:relative; }
.nav-avatar      { width:36px; height:36px; border-radius:50%; background:var(--purple); color:#fff; font-weight:700; font-size:.875rem; display:flex; align-items:center; justify-content:center; cursor:pointer; flex-shrink:0; user-select:none; }
.nav-dropdown    { position:absolute; top:calc(100% + 8px); right:0; background:var(--white); border:1px solid var(--border); border-radius:var(--r-md); box-shadow:var(--shadow-lg); min-width:220px; overflow:hidden; z-index:200; opacity:0; pointer-events:none; transform:translateY(-4px); transition:opacity .15s ease,transform .15s ease; }
.nav-dropdown.open { opacity:1; pointer-events:all; transform:translateY(0); }
.nav-user-info   { padding:16px; border-bottom:1px solid var(--border); }
.nav-user-name   { font-weight:700; font-size:.9375rem; }
.nav-user-email  { font-size:.8125rem; color:var(--ink-soft); margin-top:2px; }
.nav-dropdown-item { padding:12px 16px; font-size:.875rem; color:var(--ink); transition:background var(--t); cursor:pointer; display:flex; align-items:center; gap:10px; }
.nav-dropdown-item:hover { background:var(--surface); }
.nav-dropdown-item.danger { color:var(--red); }

@media(max-width:768px) {
  .nav-link { display:none; }
  .nav-link.btn { display:inline-flex; }
}