/*
     * Client-specific Navbar Theme
     * This style block is loaded along with the navbar HTML to ensure
     * the client-side navigation has a distinct green look.
    */
    .main-navbar.client-navbar-theme {
        background-color: #28a745 !important; /* A pleasant, distinct green */
    }

    .main-navbar.client-navbar-theme ul li a {
        color: white !important;
    }

    .main-navbar.client-navbar-theme ul li a:hover,
    .main-navbar.client-navbar-theme ul li a.active {
        background-color: #218838 !important; /* A darker green for hover/active states */
    }