@media(max-width:760px){
 .topbar{display:flex;flex-wrap:wrap;height:auto;gap:10px;padding:12px 16px 8px;position:relative;overflow:visible;background:#0d1019e8}
 .topbar .brand{font-size:20px;flex:1}
 .topbar>form{margin:0;order:1}
 .topbar>form button{min-height:36px;font-size:12px;color:#979daf}
 .topbar>nav{order:2;flex:0 0 100%;width:100%;display:flex;gap:6px;padding:2px 0 6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8f79d544 transparent}
 .topbar>nav a{flex:none;padding:8px 12px;border-radius:10px;background:#ffffff05;font-size:12px;line-height:18px}
 .topbar>nav a[aria-current="page"]{background:#a58aff20;color:#cabaff}
 .topbar .user-chip{display:none}
 .topbar>nav a:focus-visible{outline:2px solid #ad94ff;outline-offset:2px}
}

.user-cabinet-link{color:var(--text);text-decoration:none}.user-cabinet-link:hover{color:var(--accent)}.user-cabinet-link:focus-visible{outline:2px solid #ad94ff;outline-offset:3px}
@media(max-width:760px){.topbar .user-cabinet-link{display:block;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:8px;border:1px solid var(--line);border-radius:10px}}