#customerMenuDesktop .customerMenuLink {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 15px;
    padding: 10px 10px;
    border-radius: 6px;
    transition: all 0.3s ease;
    line-height: 1;
    font-family: IRANSansMedium;
}


#customerMenuDesktop .customerMenuLink:hover {
    background-color: #19a19763;
    transform: translateY(-2px);
}


#customerMenuDesktop .customerMenuIcon {
    font-size: 16px;
}


.profileImg, #customerLogo {
    transition: all 0.2s ease;
}


.profileImg:hover, #customerLogo:hover {
    transform: scale(1.02);
}


.menuIcon {
    width: 19px !important;
    height: auto !important;
}


#mainWrapper {
    margin-right: 0 !important;
}


.imgUser {
    width: 44px;
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    outline: 1px solid rgba(0, 0, 0, 0.2)
}


#mainContent {
    padding-inline: 10px !important;
    padding-bottom: 0 !important
}


.user__item {
    transition: background-color .25s;
    cursor: pointer;
}


.user__item.active {
    background-color: #ebebeb;
    border-right: 3px solid #888;
    font-weight: bolder;
}


.user__item:hover {
    background-color: #ebebeb;
}


.reporter-image {
    width: clamp(33px, 4vw, 42px);
}


@media (max-width: 767px) {
    #customerMenuDesktop {
        display: none !important;
    }

    #logoCompanyText {
        filter: none !important;
    }

    #customerProfile-wrapper {
        height: calc(100dvh - 68px) !important;
    }
}


.report-wrapper {
    gap: 12px;
}


@media (max-width: 767px) {
    .report-wrapper {
        gap: 10px;
    }
}


@media (min-width: 768px) {
    #mainHeader {
        background: linear-gradient(to left, #025751, #00302d);
        color: #fff;
        padding: 0 1rem;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .imgUser {
        outline: 1px solid rgba(255, 255, 255, 0.4);
    }

    #mainContent {
        padding-inline: 20px !important;
    }
}