/* --- Bara Client full width - Text Normal & Hover Negru --- */
.client-nav {
    background-color: #f9f9f9 !important; 
    padding: 8px 15px !important;
    border-bottom: 1px solid #eee !important;
    font-family: 'Inter', sans-serif !important;
}

.client-nav .nav-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.client-nav .nav-left {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
}

.client-nav .nav-left a {
    color: #333366 !important; /* Culoarea fundalului */
    text-decoration: none !important;
    font-weight: 400 !important; /* TEXT NORMAL */
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    transition: 0.2s ease !important;
}

/* Hover Negru Simplu */
.client-nav .nav-left a:hover { 
    color: #000000 !important; 
}

.nav-badge-zero {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    background: #333366 !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 400 !important;
    border-radius: 4px !important;
    border: none !important;
    margin-left: 6px !important;
    vertical-align: middle !important;
}

.client-nav .nav-right {
    display: flex !important;
    gap: 10px !important;
    margin-left: auto;
}

.client-nav .nav-right .status-item {
    color: #333366 !important;
    font-size: 0.85rem !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
}

.client-nav .nav-right .status-item::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.client-nav .nav-right .status-item:nth-child(1)::before { background-color: #0033A0; }
.client-nav .nav-right .status-item:nth-child(2)::before { background-color: #FFC107; }
.client-nav .nav-right .status-item:nth-child(3)::before { background-color: #CE1126; }

/* Desktop Settings */
.mobile-only-arrow { 
    display: none !important; 
    color: #333366 !important;
}
.mobile-collapsible-group { display: flex !important; gap: 15px !important; }

/* --- RESPONSIVITATE MOBIL --- */
@media (max-width: 1100px) {
    .client-nav .nav-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .client-nav .nav-left {
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }

    .mobile-header-control {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 5px 0 !important;
        cursor: pointer !important;
    }

    .main-control-link {
        font-weight: 400 !important;
        color: #333366 !important;
    }

    .mobile-collapsible-group, 
    .client-nav .nav-right {
        display: none !important;
        width: 100% !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 15px 0 !important;
    }

    .client-nav.is-expanded .mobile-collapsible-group,
    .client-nav.is-expanded .client-nav .nav-right {
        display: flex !important;
    }

    .client-nav.is-expanded .mobile-only-arrow {
        transform: rotate(180deg) !important;
        color: #000000 !important; /* Hover/Active Negru */
    }

    .client-nav .nav-right {
        border-top: 1px solid #ddd !important;
        margin-top: 5px !important;
    }
}