.p-panelmenu {
    background-color: #fff;
    border: 1px solid #c1c1cc;
    border-radius: 4px;
    overflow: hidden;

    .p-icon-wrapper {
        color: #6e7280;
    }

    .p-menuitem-icon {
        color: #212533;
        font-size: 14px;
    }

    .p-menuitem-text {
        color: #212533;
        font-family: "Open Sans", sans-serif;
        font-size: 14px;
    }

    .p-menuitem {
        .p-menuitem-link {
            border-radius: 0;
            color: $primary-dark-text-color;
            padding: 5px 10px;
            transition: background-color 0.3s;
        }
    }

    .p-panelmenu-panel {
        border-bottom: 1px solid #c1c1cc;

        .p-panelmenu-header {
            background-color: #fff;
            color: $primary-dark-text-color;
            font-size: 16px;
            margin: 0;
            padding: 0;
            transition: background-color 0.3s;

            &.p-highlight {
                .p-menuitem-text {
                    font-weight: 700;
                }
            }
        }

        .p-panelmenu-header-action,
        .p-menuitem-link {
            color: #212533;
            display: flex;
            gap: 12px;
            padding: 8px 12px;
            text-decoration: none;
        }

        &:last-child {
            border-bottom: none;
        }
    }
}