.nav-account{display:flex;align-items:center;gap:10px;margin-left:4px}.nav-user{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink,#0b2b50);font-size:.9rem;font-weight:600}.nav-user-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:#eef4f7;border:1px solid var(--line,rgba(15,53,84,.14));color:var(--blue,#245c8d);font-family:var(--serif,"Libre Caslon Display",Georgia,serif);font-size:1.05rem}.nav-user-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-account .nav-logout{padding:10px 14px;background:rgba(255,255,255,.72);color:var(--ink,#0b2b50);border:1px solid var(--line,rgba(15,53,84,.14));box-shadow:none}.nav-account .nav-logout:hover{background:#fff}.nav-account .nav-logout:disabled{opacity:.55}@media(max-width:760px){.nav-wrap{gap:12px}.nav-user-name{max-width:130px}.nav-user-avatar{display:none}.nav-account .nav-logout{padding:9px 11px}.library-label{display:none}}@media(max-width:520px){.brand-note{display:none}.nav-user-name{max-width:92px;font-size:.82rem}.nav-account{gap:6px}.nav-account .nav-logout{font-size:.8rem;padding:8px 9px}}
.nav-admin{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;background:#245c8d;color:#fff;text-decoration:none;font-weight:700;font-size:.86rem;white-space:nowrap}.nav-admin:hover{background:#1a507f}