.site-navbar { --nav-accent:#52647a; --nav-soft:#f1f4f8; --nav-line:#d4dde8; background:#fff; border-bottom:1px solid #e5ebf3; box-shadow:0 3px 18px #182b4b04; padding:.8rem 0; }
.site-navbar.nav-role-superadmin { --nav-accent:#b73540; --nav-soft:#fff1f2; --nav-line:#efbdc3; }
.site-navbar.nav-role-senior-editor { --nav-accent:#9a641c; --nav-soft:#fff7e9; --nav-line:#efd6a8; }
.site-navbar.nav-role-managing-editor { --nav-accent:#2459bd; --nav-soft:#eef4ff; --nav-line:#c6d7f6; }
.site-navbar.nav-role-chief-editor { --nav-accent:#147869; --nav-soft:#edf8f4; --nav-line:#bcdfd3; }
.site-navbar .site-brand { display:flex; align-items:center; gap:.6rem; color:#15253a; font-size:1.12rem; font-weight:700; letter-spacing:-.04em; margin-right:1.5rem; }
.site-navbar .site-brand:hover { color:#15253a; }
.site-navbar .site-brand-icon { display:grid; place-items:center; width:35px; height:35px; background:#eaf1ff; color:#2459d3; border-radius:10px; font-size:1.15rem; }
.site-navbar .brand-accent { color:#2459d3; }
.site-navbar .site-nav-links { gap:.15rem; align-items:center; }
.site-navbar .nav-link { display:flex; align-items:center; gap:.4rem; color:#60718a; font-size:.78rem; font-weight:500; border:0; border-radius:8px; background:transparent; padding:.65rem .7rem !important; transition:background .15s,color .15s; }
.site-navbar .nav-link > i { font-size:.9rem; flex-shrink:0; }
.site-navbar .nav-link:hover, .site-navbar .nav-link:focus-visible, .site-navbar .nav-link.show { color:#2459bd; background:#f3f6fc; }
.site-navbar .nav-link.active { color:#2459bd; background:#edf3ff; font-weight:600; }
.site-navbar .dropdown-toggle:after { margin-left:.15rem; vertical-align:middle; opacity:.65; }
.site-navbar .nav-admin-link { color:#526b8c; }
.site-navbar .nav-count { display:inline-grid; place-items:center; min-width:20px; padding:.1rem .3rem; border-radius:5px; background:#e9eef8; color:#526b8c; font-size:.65rem; font-weight:700; line-height:1.3; }
.site-navbar .nav-count-new { color:#fff; background:linear-gradient(135deg,#f97316,#e11d48); box-shadow:0 2px 8px #e11d4840; }
.site-navbar .dropdown-menu { min-width:220px; border:1px solid #e4eaf3; border-radius:13px; padding:.45rem; box-shadow:0 12px 35px #182b4b12; margin-top:.65rem; }
.site-navbar .dropdown-item { display:flex; align-items:center; gap:.65rem; color:#42556f; font-size:.8rem; padding:.65rem .7rem; border-radius:7px; white-space:normal; overflow-wrap:anywhere; }
.site-navbar .dropdown-item > i { color:#7d8faa; font-size:.95rem; }
.site-navbar .dropdown-item:hover, .site-navbar .dropdown-item:focus, .site-navbar .dropdown-item.active { background:#edf3ff; color:#2459bd; }
.site-navbar .dropdown-item.active > i { color:#2459bd; }
.site-navbar .dropdown-header { padding:.6rem .7rem; margin:0; font-size:.68rem; color:#8a97a9; font-weight:600; }
.site-navbar .dropdown-header strong { margin-top:.25rem; font-size:.8rem; color:#42556f; overflow-wrap:anywhere; }
.site-navbar .dropdown-divider { border-color:#e5ebf3; margin:.4rem .3rem; }
.site-navbar .country-nav-menu { max-height:360px; overflow-y:auto; min-width:250px; }
.site-navbar .nav-country-flag { width:23px; height:16px; object-fit:contain; border-radius:2px; flex-shrink:0; }
.site-navbar .admin-nav-menu { min-width:265px; background:linear-gradient(140deg,#fff,#f5f8fd); }
.site-navbar .site-nav-account { margin-left:1rem; padding-left:1rem; border-left:1px solid #e8edf4; flex-shrink:0; }
.site-navbar .nav-account-toggle { display:flex; align-items:center; gap:.6rem; color:#60718a; border:1px solid transparent; border-radius:10px; background:transparent; padding:.2rem .4rem .2rem .2rem; transition:background .15s; }
.site-navbar .nav-account-toggle:hover, .site-navbar .nav-account-toggle:focus-visible, .site-navbar .nav-account-toggle.show { background:var(--nav-soft); border-color:var(--nav-line); }
.site-navbar .nav-avatar { display:grid; place-items:center; width:35px; height:35px; border-radius:10px; background:var(--nav-soft); color:var(--nav-accent); border:1px solid var(--nav-line); font-weight:700; font-size:.95rem; }
.site-navbar .nav-avatar > i { font-size:1.2rem; line-height:1; }
.site-navbar .nav-account-copy { text-align:left; max-width:135px; min-width:0; }
.site-navbar .nav-account-copy strong { display:block; font-size:.76rem; font-weight:600; color:#263d5b; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.site-navbar .nav-account-copy > span { display:block; font-size:.62rem; color:var(--nav-accent); margin-top:.15rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.site-navbar .account-nav-menu { max-width:280px; }
.site-navbar .nav-signout, .site-navbar .nav-signout > i { color:#b73540; }
.site-navbar .nav-signout:hover, .site-navbar .nav-signout:focus { background:#fff1f2; color:#a92f39; }
.site-navbar .site-signin { color:#2459bd; background:#edf3ff; border:1px solid #d5e2fc; border-radius:9px; font-size:.82rem; padding:.55rem .9rem; font-weight:600; }
.site-navbar .site-signin:hover { background:#e2ecff; border-color:#afc6f2; }
.site-navbar .navbar-toggler { display:grid; place-items:center; border:1px solid #dfe6ef; border-radius:9px; color:#526b8c; padding:.35rem .55rem; font-size:1.35rem; }
.site-navbar .navbar-toggler:focus { box-shadow:0 0 0 .2rem #2459d31a; }
@media (min-width:1200px) { .site-navbar .navbar-toggler { display:none; } }
@media (max-width:1199.98px) { .site-navbar .navbar-collapse { padding-top:1rem; } .site-navbar .site-nav-links { align-items:stretch; gap:.25rem; } .site-navbar .nav-link { width:100%; padding:.75rem !important; } .site-navbar .dropdown-menu { box-shadow:none; margin:.3rem 0 .5rem; } .site-navbar .country-nav-menu { max-height:280px; } .site-navbar .site-nav-account { padding:.8rem 0 0; margin:1rem 0 0; border-left:0; border-top:1px solid #e8edf4; } .site-navbar .nav-account-toggle { width:100%; padding:.4rem; } .site-navbar .nav-account-copy { max-width:none; flex:1; } .site-navbar .account-nav-menu { max-width:none; } }
@media (prefers-reduced-motion:reduce) { .site-navbar * { transition:none !important; } }