/* Only the top navigation changes. Dropdown contents, especially Online, retain their own styles. */
.main-navbar { padding:4px 10px; background:#172f50; box-shadow:0 2px 7px #14243c20; }
.main-navbar .container-fluid { padding-inline:4px; gap:8px; }
.main-navbar .navbar-brand-text { font-size:18px; margin-right:10px!important; letter-spacing:0; }
.main-navbar .navbar-nav { gap:2px; }
.main-navbar .navbar-nav > .nav-item > .nav-link { display:flex; align-items:center; gap:5px; font-size:16px; line-height:1.15; padding:5px 7px!important; min-height:44px; white-space:nowrap; border-radius:7px; border-bottom-width:3px; }
.main-navbar .nav-link .lucide { width:18px; height:18px; margin:0; flex-shrink:0; }
.vnix-nav-label { display:grid; gap:1px; }
.vnix-nav-label small { font-size:10px; font-weight:400; line-height:1; color:#c4d2e5; }
.main-navbar .nav-link:is(.tab-active,.active) { background:#ffffff1b; border-bottom-color:#66b4ff; }
.main-navbar .nav-link:focus-visible { outline:2px solid #b8dcff; outline-offset:-2px; }
.main-navbar .navbar-user-name { font-size:16px; max-width:9rem; }
.main-navbar .navbar-utilities { gap:8px!important; }
@media(min-width:1200px) and (max-width:1599.98px) {
 .main-navbar .navbar-utilities > .text-white-50 { display:none!important; }
 .main-navbar .navbar-nav > .nav-item > .nav-link { padding-inline:5px!important; }
 .main-navbar .navbar-brand-text { font-size:17px; margin-right:4px!important; }
 .main-navbar .navbar-utilities { margin-left:0; }
}
@media(max-width:1199.98px) {
 .main-navbar .navbar-brand-text { font-size:19px; }
 .main-navbar .navbar-collapse { max-height:calc(100dvh - 60px); overflow:auto; }
 .main-navbar .navbar-nav > .nav-item > .nav-link { padding:9px 10px!important; font-size:18px; }
 .main-navbar .navbar-utilities { padding:8px; }
}