/* Premium Navbar V3 — Glass Bevel (Standalone, does not modify v2) */
.v3-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1052;
    height: var(--navbar-height, 74px);
    background: linear-gradient(180deg, rgba(31, 122, 77, 0.78) 0%, rgba(15, 95, 58, 0.78) 100%);
    backdrop-filter: blur(30px) saturate(160%);
    -webkit-backdrop-filter: blur(30px) saturate(160%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        inset 0 2px 0 rgba(255, 255, 255, 0.8),
        inset 0 -2px 0 rgba(0, 0, 0, 0.28),
        0 12px 36px rgba(12, 48, 34, 0.35);
}

.v3-navbar .navbar-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 800;
    color: #fff !important;
}

.v3-navbar .brand-mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.v3-navbar .brand-logo {
    height: 34px;
    width: auto;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}

.v3-navbar .nav-link {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.9) !important;
}

.v3-navbar .nav-link:hover,
.v3-navbar .nav-link:focus {
    color: #fff !important;
}

.v3-navbar .dropdown-menu {
    border-radius: 14px;
    border: 1px solid rgba(31, 122, 77, 0.15);
    box-shadow: 0 18px 40px rgba(12, 48, 34, 0.3);
}

.v3-navbar .user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

@media (max-width: 991.98px) {
    .v3-navbar {
        height: var(--navbar-mobile-height, 68px);
    }
}