.logout-link {
    width: 100%;
    color: var(--bs-nav-link-color);
    text-decoration: none;
}

    .logout-link:hover {
        background-color: rgba(255,255,255,0.05);
    }

    .logout-link button {
        color: inherit;
        text-decoration: none;
        font-weight: inherit;
    }

        .logout-link button:hover {
            text-decoration: none;
        }

.logout-link {
    color: white;
}

    .logout-link:hover {
        opacity: 0.85;
    }

.navbar .nav-link {
    color: white;
    flex-shrink: 0;
}

.nav-primary {
    background: var(--emi-brand);
    color: white;
}

.nav-title {
    font-size: 1.05rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: white;
    line-height: 1;
}

.nav-action {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: white;
    background: none;
    border: none;
    padding: 0;
}

    .nav-action:hover {
        opacity: 0.85;
    }

.nav-icon-only {
    font-size: 1.2rem;
    font-weight: 8;
    padding-right: 0;
}

@media (min-width: 768px) {
    .navbar.nav-primary .container {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

@media (max-width: 768px) {
    .nav-action {
        margin-right: 1rem;
    }
}

.navbar.nav-primary {
    height: var(--navbar-height);
}

.navbar img {
    max-height: 60px;
}

.btn-outline-secondary i,
.btn-outline-danger i {
    font-size: 1.2rem;
}

.container-fluid .mx-auto {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.btn-outline-secondary.d-md-none {
    display: none;
}

.container-fluid {
    padding: 0;
}